/* HOMEPAGE STYLING */

/* Watbot */

#chat_content {
	display: block !important;
}

/* top two columns - Equal - Banner for homepage */

/* Desktop: two equal columns side by side */
.cftwo-colhome {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-onehome {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-onehome h2 {
  border-bottom: 6px solid #5AA0D7; color: white;
  }
  
 .cfhomecontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Column Two */
.cfcol-twohome {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-twohome img {
  margin: 0px !important;
  display: inline;
  }
  
.charitiesbanner {
	  margin-top: -2rem;
  }
  
  .charitiesbanner img {
	  width: 100%;
  }
  
/* buttons homepage */

h3.top-tasks__heading {
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(1) .top-tasks__list-link {
	background-color: #d81f36 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(1) .top-tasks__list-link:hover {
	background-color: #d54456 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(2) .top-tasks__list-link {
	background-color: #f38e25 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(2) .top-tasks__list-link:hover {
	background-color: #f1993d !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(3) .top-tasks__list-link {
	background-color: #ffc731 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(3) .top-tasks__list-link:hover {
	background-color: #fcce53 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(4) .top-tasks__list-link {
	background-color: #b05abf !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(4) .top-tasks__list-link:hover {
	background-color: #b172bc !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(5) .top-tasks__list-link {
	background-color: #7EB7E4 !important;
	color: white !important;
}

.top-tasks .top-tasks__list .top-tasks__list-item:nth-of-type(5) .top-tasks__list-link:hover {
	background-color: #8cbade !important;
	color: white !important;
}

.top-tasks__icon {
	color: white !important;
}

/* Three equal column - Top row of CF homepage after top tasks */

/* Row One - 3 boxes */

.cfthree-colhome {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Column One */
.cfcol-oneapplydonate {
  background: #2e251f;
  color: white;
  height: 400px;
  }
  
  .cfcol-oneapplydonate h3 {
  border-bottom: 4px solid #7eb7e4; color: white;
  }
  
  .cfcontentapply {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Column Two */
  .cfcol-twoapplydonate {
  background: #2e251f;
  color: white;
  height: 400px;
  }
  
  .cfcol-twoapplydonate img {
  margin: 0px !important;
  display: inline;
  }
  
/* Column Three */

  .cfcol-threeapplydonate {
  background: #7eb7e4;
  color: white;
  height: 400px;
  }
  
  .cfcol-threeapplydonate h3 {
  border-bottom: 4px solid #2e251f; color: white;
  }
  
  .cfcontentdonations {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Row Two - two boxes */

.cftwo-colhelp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: -2rem;
}

/* Column One */

	.cfcol-onehelp {
		background: #2e251f;
		color: white;
		height: 400px;
	}
	
	.cfcol-onehelp img {
  margin: 0px !important;
  display: inline;
  }

/* Column Two */

.cfcol-twohelp {
  background: #f1562a;
  color: white;
  height: 400px;
  }
  
  .cfcol-twohelp h3 {
  border-bottom: 4px solid #b172bc; color: white;
  }
  
  .cfcontenthelp {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Row Three - Three boxes */

.cftwo-colsupporters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: -2rem;
}

/* Column One */

  .cfcol-onemoney {
  background: #b172bc;
  color: white;
  height: 400px;
  }
  
  .cfcol-onemoney h3 {
  border-bottom: 4px solid #d81f36; color: white;
  }
  
  .cfcontentmoney {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  /* Column Two */
  
  .cfcol-twosupport {
		background: #2e251f;
		color: white;
		height: 400px;
	}
	
	.cfcol-twosupport img {
  margin: 0px !important;
  }

/* Logos at bottom of homepage */

	.logos {
		background-color: #0183a5;
		padding: 30px;
	}

	.logos img {
		display: inline;
	}

	.sponsor {
		padding-right: 50px;
	}
	
	.logos1 a {
		text-decoration: none !important;
		background-color: #0183a5 !important;
	}
	
	.link-external {
		background-color: #0183a5 !important;
	
	}
	
/* BANNER */
	
	.charitiesbanner {
	  margin-top: -2rem;
  }
  
  .charitiesbanner img {
	  width: 100%;
  }
	
/* END OF HOMEPAGE */

/* SUPPORTING LOCAL RESIDENT HOMEPAGE */

/* Row one - Banner */

.cftwo-collocalres {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-onelocalres {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-onelocalres img {
  margin: 0px !important;
  display: inline;
  }

/* Column Two */
.cfcol-twolocalres {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-twolocalres h2 {
  border-bottom: 6px solid #d81f36; color: white;
  }
  
 .cflocalrescontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Row Three - Three boxes */

.cftwo-colcostofliving {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Row Three - 2 Column - Column One */

.costoflivinginfoone {
  background: #0009;
  color: white;
 }

.costoflivingcontent h2 {
	border-bottom: 6px solid #f1993d; color: white;
}

.costoflivingcontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
 /* Column two */

.cfcol-twocostofliving {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-twocostofliving img {
  margin: 0px !important;
  display: inline;
  } 

/* Service boxes - fourth row and fifth row */

.service1 {
	background-color: #f1562a;
	color: white;
	padding: 10px;
	height: 245px;
}

.service1 p {
	font-size: 15pt;
}

.service2 {
	background-color: #9bcb6c;
	color: white;
	padding: 10px;
	height: 245px;
}

.service2 p {
	font-size: 15pt;
}

.service3 {
	background-color: #f89825;
	color: white;
	padding: 10px;
	height: 245px;
}

.service3 p {
	font-size: 15pt;
}

.service4 {
	background-color: #7eb7e4;
	color: white;
	padding: 10px;
	height: 245px;
}

.service4 p {
	font-size: 15pt;
}

.service5 {
	background-color: #b05abf;
	color: white;
	padding: 10px;
	height: 245px;
}

.service5 p {
	font-size: 15pt;
}

.service6 {
	background-color: #204e73;
	color: white;
	padding: 10px;
	height: 245px;
}

.service6 p {
	font-size: 15pt;
}

/* FUNDS AWARDED PAGES - SUPPORTING LOCAL RESIDENTS - 2024 PAGE /*

/* Row one - Banner */

.cftwo-col2024 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-one2024 {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-one2024 h2 {
  border-bottom: 6px solid #d81f36; color: white;
  }
  
 .cf2024content {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column Two */
.cfcol-two2024 {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-two2024 img {
  margin: 0px !important;
  display: inline;
  }
  
/* 2025 PAGES /*

/* Row one - Banner */

.cftwo-col2025 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-one2025 {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-one2025 img {
  margin: 0px !important;
  display: inline;
  }


/* Column Two */
.cfcol-two2025 {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-two2025 h2 {
  border-bottom: 6px solid #d81f36; color: white;
  }
  
 .cf2025content {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Boxes for awarded funds - BOTH PAGES */

.widget--investment-opportunities {
	background: none;
}

.investment-opportunities__link:hover {
	opacity: .5;
}

.widget__heading {
	display: none;
}

.investment-opportunities__content {
    margin-top: 0px !important;
    width: 100%;
	background-color: #d4cec7 !important;
	border: none;
}

.investment-opportunities__heading {
	text-align: center;
}

.investment-opportunities__description {
	text-align: center;
}

/* PROJECTS HOMEPAGE */

/* Row one - Banner */

.cftwo-colprojects {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */

.cfcol-oneprojects {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-oneprojects h2 {
  border-bottom: 6px solid #d81f36; color: white;
  }
  
 .cfprojectscontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column Two */
  
  .cfcol-twoprojects {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-twoprojects img {
  margin: 0px !important;
  display: inline;
  }
  
/* Project boxes - ALL */

.projectbox {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

/* Column One */

.boxcontentone {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
}

.boxcontentone h2 {
	border-bottom: 6px solid #f38e25; color: black;
}

.boxcontent {
  height: 484px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Column Two */

.boxcontenttwo {
  background: white;
  color: white;
  height: 484px;
  }
  
.boxcontenttwo img {
  margin: 0px !important;
  display: inline;
  }
  
/* STYLE REVERSED FOR OTHER WAY ROUND */

/* Column One */

.boxcontentonerev {
  background: white;
  color: white;
  height: 484px;
  }
  
.boxcontentonerev img {
  margin: 0px !important;
  display: inline;
  }

/* Column Two */
  
.boxcontenttworev {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
}

.boxcontenttworev h2 {
	border-bottom: 6px solid #f38e25; color: black;
}

.boxcontentrev {
  height: 484px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* APPLYING HOMEPAGE */

/* HOMEPAGE - ONLY PAGE FOR THIS SECTION */

/* Row one - Banner */

.cftwo-colgrant {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-onegrant {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-onegrant img {
  margin: 0px !important;
  display: inline;
  }

/* Column Two */
.cfcol-twogrant {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 400px;
  }

.cfcol-twogrant h2 {
  border-bottom: 6px solid #ffc731; color: black;
  }
  
 .cfgrantcontent {
  height: 400px !important;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* ROW THREE - INFO AND BOX */

.grantinfobox {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

/* Column One */

.grantinfoone {
  background: white;
  color: white;
  height: 370px;
  }
  
.grantinfoone img {
  margin: 0px !important;
  display: inline;
  height: 370px;
  width: 624px;
  }
  
/* Column Two */

.grantinfocontenttwo {
  background: #fbfafa;
  color: black;
  height: 370px;
 }

.grantinfocontenttwo h2 {
	border-bottom: 6px solid #ffc731; color: black;
}

.grantinfocontent {
  height: 370px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* ABOVE BOXES RESERVED */

/* Column One */

.grantinfocontentonerev {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 430px;
}

.grantinfocontentonerev h2 {
	border-bottom: 6px solid #	; color: black;
}

.grantinfocontentrev {
  height: 430px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
 
/* Column Two */

.grantinfotworev {
  background: white;
  color: white;
  height: 430px;
  }
  
.grantinfotworev img {
  margin: 0px !important;
  display: inline;
  }

/* THIRD ROW - BIGGER THAN OTHERS */

/* Column One */

.grantinfoonebig {
  background: white;
  color: white;
  height: 630px;
  }
  
.grantinfoonebig img {
  margin: 0px !important;
  display: inline;
  height: 630px;
  width: 701px;
  }
  
/* Column Two */

.grantinfocontenttwobig {
  background: #fbfafa;
  color: black;
  height: 630px;
 }

.grantinfocontenttwobig h2 {
	border-bottom: 6px solid #ffc731; color: black;
}

.grantinfocontentbig {
  height: 630px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }  


/* Who we've awarded - HOMEPAGE - ONE PAGE ONLY */

/* Banner Row */

.cftwo-colfunds {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* Column One */
.cfcol-onefunds {
  background: #0009;
  color: white;
  margin-left: 0px;
  }

.cfcol-onefunds h2 {
  border-bottom: 6px solid #b05abf; color: white;
  }
  
 .cffundscontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column Two */
.cfcol-twofunds {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-twofunds img {
  margin: 0px !important;
  display: inline;
  }
  
/* Funds awarded - LEFT ALIGNED */

/* Column One */

.cftwo-colcontributions {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.fundsawardedlefttop {
    background: #fbfafa;
  color: black;
  height: 400px;
  }
  
.fundsawardedlefttop img {
	  margin: 0px !important;
  display: inline;
  }
  
/* Column Two */

.fundsawardedrighttop {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
}

.fundsawarded26righttop h2 {
	border-bottom: 6px solid #b05abf; color: black;
}

.fundsawardedrighttopcontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* VIDEOS REVERSED - SECOND ROW */

/* Column One */

.fundsawardedleftbottom {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
}

.fundsawardedleftbottom h2 {
	border-bottom: 6px solid #b05abf; color: black;
}	

.fundsawardedleftbottomcontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Column Two */
  
  .fundsawardedrightbottom {
      background: #fbfafa;
  color: black;
  height: 400px;
  }
  
  .fundsawardedrightbottom img {
  margin: 0px !important;
  display: inline;
  }

/* NORMAL STYLING - HEADERS ETC */

h2.page-subheading {
		border-bottom: 6px solid #b05abf;
		color: black;
		width: 100%;
	}

  h3.cfcontent {
		border-bottom: 6px solid #b05abf;
		color: black;
		width: 100%;
  }
  
/* SUPPORTERS HOMEPAGE */

/* ROW ONE - BANNER */

	.cftwo-colsupport {
	display: grid;
	grid-template-columns: 1fr 1fr;
	}

/* Banner - Column One */

   .cfcol-onesupport {
  background: #0009;
  color: white;
  margin-left: 0px;
}

.cfcol-onesupport h2 {
	border-bottom: 6px solid #b05abf; color: white;
}

.cfsupportcontent {
  height: 400px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Banner - Column Two */

.cfcol-twosupport {
  background: white;
  color: white;
  height: 400px;
  }
  
.cfcol-twosupport img {
  margin: 0px !important;
  display: inline;
  }
  
/* Buttons below pictures */

	.supbutton {
    position: relative;
    overflow: hidden;
    color: white;
    border: solid 2px #5f89ab;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    background-color: #f89825 !important;
}

.supbutton:hover {
    background-color: #fcb35c !important;
	color: white !important;
}

/* SUPPORTER LOGOS */
.logossup {
		background-color: white !important;
		padding: 30px;
	}

	.logossup img {
		display: inline;
	}

	.sponsorsup{
		padding-right: 20px;
	}
	
	.logos1sup a {
		text-decoration: none !important;
		background-color: #0183a5 !important;
	}

/* MOBILE STYLING */

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

/* HOMEPAGE */

/* Column Two - Row one */
  .cfcol-twoapplydonate {
  background: #2e251f;
  color: white;
  height: 400px;
  }
  
  .cfcol-twoapplydonate img {
  margin: 0px !important;
  display: inline;
  height: 400px;
  width: 331px;
  }	
	
	
/* Column One - Row two*/

	.cfcol-onehelp {
		background: #2e251f;
		color: white;
		height: 317px;
	}
	
	.cfcol-onehelp img {
  margin: 0px !important;
  display: inline;
  }

/* Column Two */

.cfcol-twohelp {
  background: #f1562a;
  color: white;
  height: 317px;
  }
  
  .cfcol-twohelp h3 {
  border-bottom: 4px solid #b172bc; color: white;
  }
  
  .cfcontenthelp {
  height: 317px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  /* Column One - Row three*/

  .cfcol-onemoney {
  background: #b172bc;
  color: white;
  height: 317px;
  }
  
  .cfcol-onemoney h3 {
  border-bottom: 4px solid #d81f36; color: white;
  }
  
  .cfcontentmoney {
  height: 317px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  /* Column Two */
  
  .cfcol-twosupport {
		background: #2e251f;
		color: white;
		height: 317px;
	}
	
	.cfcol-twosupport img {
  margin: 0px !important;
  }

/* Column One */

.grantinfoone {
  background: white;
  color: white;
  height: 380px;
  }
  
.grantinfoone img {
  margin: 0px !important;
  display: inline;
  height: 380px;
  width: 496px;
  }
  
/* Column Two */

.grantinfocontenttwo {
  background: #fbfafa;
  color: black;
  height: 380px;
 }

.grantinfocontenttwo h2 {
	border-bottom: 6px solid #ffc731; color: black;
}

.grantinfocontent {
  height: 380px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column One */

.grantinfocontentonerev {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 342px;
}

.grantinfocontentonerev h2 {
	border-bottom: 6px solid #	; color: black;
}

.grantinfocontentrev {
  height: 342px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
 
/* Column Two */

.grantinfotworev {
  background: white;
  color: white;
  height: 342px;
  }  
  
.grantinfotworev img {
  margin: 0px !important;
  display: inline;
  }

/* Column One */

.grantinfoonebig {
  background: white;
  color: white;
  height: 670px;
  }
  
.grantinfoonebig img {
  margin: 0px !important;
  display: inline;
  height: 670px;
  width: 701px;
  }
  
/* Column Two */

.grantinfocontenttwobig {
  background: #fbfafa;
  color: black;
  height: 670px;
 }

.grantinfocontenttwobig h2 {
	border-bottom: 6px solid #ffc731; color: black;
}

.grantinfocontentbig {
  height: 670px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column One */
.cfcol-onefunds {
  background: #0009;
  color: white;
  margin-left: 0px;
  height: 350px;
  }

.cfcol-onefunds h2 {
  border-bottom: 6px solid #b05abf; color: white;
  }
  
 .cffundscontent {
  height: 350px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

/* Column Two */
.cfcol-twofunds {
  background: white;
  color: white;
  height: 350px;
  }
  
.cfcol-twofunds img {
  margin: 0px !important;
  display: inline;
  height: 350px;
  }
 
 .cftwo-colcontributions {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
 
/* Column One */

.fundsawardedlefttop {
    background: #fbfafa;
  color: black;
  height: 318px;
  }
  
.fundsawardedlefttop img {
	  margin: 0px !important;
  display: inline;
  height: 318px
  }
  
/* Column Two */

.fundsawardedrighttop {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 318px;
}

.fundsawardedrighttop h2 {
	border-bottom: 6px solid #b05abf; color: black;
}

.fundsawardedrighttopcontent {
  height: 318px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
 
/* Column One */

.fundsawardedleftbottom {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 318px;
}

.fundsawardedleftbottom h2 {
	border-bottom: 6px solid #b05abf; color: black;
}	

.fundsawardedleftbottomcontent {
  height: 318px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
/* Column Two */
  
  .fundsawardedrightbottom {
      background: #fbfafa;
  color: black;
  height: 318px;
  }
  
  .fundsawardedrightbottom img {
  margin: 0px !important;
  display: inline;
  height: 318px;
  } 
 
.costoflivinginfoone {
  background: #0009;
  color: white;
  height: 318px;
 }

.costoflivingcontent h2 {
	border-bottom: 6px solid #f1993d; color: white;
}

.costoflivingcontent {
  height: 318px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

 /* Column two */

.cfcol-twocostofliving {
  background: white;
  color: white;
  height: 318px;
  }
  
.cfcol-twocostofliving img {
  margin: 0px !important;
  display: inline;
  height: 318px;
  } 

/* Boxes for awarded funds - BOTH PAGES */

.widget--investment-opportunities {
	background: none;
}

.investment-opportunities__link:hover {
	opacity: .5;
}

.widget__heading {
	display: none;
}

.investment-opportunities__content {
    margin-top: 0px !important;
    width: 100%;
	background-color: #d4cec7 !important;
	border: none;
}

.investment-opportunities__heading {
	text-align: center;
}

.investment-opportunities__description {
	text-align: center;
}
	/* Column One */
.cfcol-one2025 {
  background: white;
  color: white;
  height: 318px;
  }
  
.cfcol-one2025 img {
  margin: 0px !important;
  display: inline;
  height: 318px;
  }


/* Column Two */
.cfcol-two2025 {
  background: #0009;
  color: white;
  margin-left: 0px;
  height: 318px;
  }

.cfcol-two2025 h2 {
  border-bottom: 6px solid #d81f36; color: white;
  }
  
 .cf2025content {
  height: 318px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }

}

/* Mobile: stack into a single column - all columns homepage */
@media (max-width: 960px) {
  .cftwo-colhome {
    grid-template-columns: 1fr;
  }
  
  .cfcol-twohome {
	  display: none;
	}

  .cfthree-colhome {
    grid-template-columns: 1fr;
  }
  
.cfcol-oneapplydonate {
  background: #2e251f;
  color: white;
  height: 250px;
  }
  
  .cfcol-oneapplydonate h3 {
  border-bottom: 4px solid #7eb7e4; color: white;
  }
  
  .cfcontentapply {
  height: 250px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  .cfcol-twoapplydonate {
	  display: none;
  }
  
    .cfcol-threeapplydonate {
  background: #7eb7e4;
  color: white;
  height: 250px;
  }
  
  .cfcol-threeapplydonate h3 {
  border-bottom: 4px solid #2e251f; color: white;
  }
  
  .cfcontentdonations {
  height: 250px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizont/centering */
  text-align: center;
  padding: 10px;
  }
  
  .cftwo-colhelp {
	  grid-template-columns: 1fr;
  }
  
  .cfcol-onehelp {
	  display: none;
  }
  
  .cfcol-twohelp {
  background: #f1562a;
  color: white;
  height: 250px;
  }
  
  .cfcol-twohelp h3 {
  border-bottom: 4px solid #b172bc; color: white;
  }
  
  .cfcontenthelp {
  height: 250px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  .cftwo-colsupporters {
	  grid-template-columns: 1fr;
  }
  
    .cfcol-onemoney {
  background: #b172bc;
  color: white;
  height: 250px;
  }
  
  .cfcol-onemoney h3 {
  border-bottom: 4px solid #d81f36; color: white;
  }
  
  .cfcontentmoney {
  height: 250px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
  
  .cfcol-twosupport {
	  display: none;
  }
  
  .cftwo-collocalres {
	  grid-template-columns: 1fr;
  }
  
  .cfcol-onelocalres {
	  display: none;
  }
  
  .cftwo-col2024 {
	  grid-template-columns: 1fr;
  }
  
  .cfcol-two2024 {
	  display: none;
  }
  
	.cftwo-col2025 {
		grid-template-columns: 1fr;
	}

	.cfcol-one2025 {
	display: none;
}

	.cftwo-colprojects {
	grid-template-columns: 1fr;
}	

	.cfcol-twoprojects {
	display: none;
}

	.projectbox {
	grid-template-columns: 1fr;
}

	.boxcontent {
	height: 300px;
}

	.boxcontenttwo {
	display: none;
}

	.boxcontentrev {
	height: 300px;
}

	.boxcontentonerev {
	display: none;
}

	.logos {
		display: none;
	}
	
	.logossup {
		display: none;
	}
	
	.cftwo-colgrant {
		grid-template-columns: 1fr;
	}
	
	.cfcol-onegrant {
		display: none;
	}
	
	/* Column Two */
.cfcol-twogrant {
  background: #fbfafa;
  color: black;
  margin-left: 0px;
  height: 300px;
  }

.cfcol-twogrant h2 {
  border-bottom: 6px solid #ffc731; color: black;
  }
  
 .cfgrantcontent {
  height: 300px !important;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
	
	.grantinfobox {
		grid-template-columns: 1fr;
	}
	
	.grantinfoone {
		display: none;
	}
	
	.grantinfotworev {
		display: none;
	}
	
	.grantinfocontenttwobig {
		grid-template-columns: 1fr;
	}
	
	.grantinfoonebig {
		display: none;
	}
	
	/* Column Two */

.grantinfocontenttwobig {
  background: #fbfafa;
  color: black;
  height: 500px;
 }

.grantinfocontenttwobig h2 {
	border-bottom: 6px solid #ffc731; color: black;
}

.grantinfocontentbig {
  height: 500px;
  display: flex;
  flex-direction: column;   /* stack h2 and p vertically */
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
  padding: 10px;
  }
	
	.cftwo-colcase {
		grid-template-columns: 1fr;
	}
	
	.cfcol-twocase {
		display: none;
	}
	
	.casestudiescontent {
		height: 250px;
	}
	
	.casestudiescontentrev {
		height: 250px;
	}
	
	h2.page-subheading {
		border-bottom: 6px solid #f1562a;
		color: black;
		width: 100%;
	}

  h3.cfcontent {
		border-bottom: 6px solid #f1562a;
		color: black;
		width: 100%;
  }
  
  .cftwo-colfunds {
	  grid-template-columns: 1fr;
  }
  
  .cfcol-twofunds {
	  display: none;
  }

	.cftwo-colcontributions {
		grid-template-columns: 1fr;
	}

	.fundsawardedlefttop {
		display: none;
	}
	
	.fundsawardedrightbottom {
		display: none;
	}

.cftwo-colcostofliving {
	grid-template-columns: 1fr;
}

.cfcol-twocostofliving {
	display: none;
}

.service1 {
	height: 275px;
}

.service2 {
	height: 275px;
}

.service3 {
	height: 275px;
}

.service4 {
	height: 275px;
}

.service5 {
	height: 275px;
}

.service6 {
	height: 275px;
}

/* Boxes for awarded funds - BOTH PAGES */

.widget--investment-opportunities {
	background: none;
}

.investment-opportunities__link:hover {
	opacity: .5;
}

.widget__heading {
	display: none;
}

.investment-opportunities__content {
    margin-top: 0px !important;
    width: 100%;
	background-color: #d4cec7 !important;
	border: none;
}

.investment-opportunities__heading {
	text-align: center;
}

.investment-opportunities__description {
	text-align: center;
}

}