@charset "utf-8";
/* CSS Document */

.pLaxGreenMain { 
  background: 
    linear-gradient(to bottom left, 
    rgba(153,204,51,0.9), 
    rgba(102,153,51,0.9)),
    url(../images/banners/equipVertGry.jpg);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align:middle !important;
  color: #fff;
}

.pLaxSection { 
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	color:#373435;
}

.pLaxSquare { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/resources.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;

  display: block;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  border-radius: 5px;
}

.pLaxResources { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/resources.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxArchive { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/archive.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxHomeDevos {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/homeDevos.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxActs {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/acts.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxActsDrk {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(40,40,40,0.1)), 
    url(../images/banners/acts.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxTraining {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/training.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxMolweni {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/molweni.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxCheckIn {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/loveOneAnother.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxLookAhead {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/journey.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxCelebrateComm {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/volunteer.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxGiveThanks {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/giveThanks.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxElders {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/elders.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxManagement {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/management.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxStaff {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/staff.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxPastors {
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/pastors.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxNotes { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/notes.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxLockdown { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/lockdown.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxFlourish { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/apples.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxWeServe { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.8), 
    rgba(68,68,68,0.8)), 
    url(../images/banners/volunteer.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxHomeDevo { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.8), 
    rgba(68,68,68,0.8)), 
    url(../images/banners/mealTable.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxBible { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.8), 
    rgba(68,68,68,0.8)), 
    url(../images/banners/bible.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxCommunity { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/mealTable.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxGroups { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/coffee.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxNewHere { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/newhere.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxAbout { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.9), 
    rgba(255,255,255,0.1)), 
    url(../images/banners/bibleOpen.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxWhtOpake { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,255,255,0.5), 
    rgba(255,255,255,0.5)), 
    url(../images/banners/seedling.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#444444;
}

.pLaxBlkOpake { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../images/banners/seedling.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxGryOpakeHome { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.8), 
    rgba(68,68,68,0.8)), 
    url(../images/banners/lighthouse.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxGryOpakeAbout { 
  background: 
    linear-gradient(to bottom right, 
    rgba(68,68,68,0.8), 
    rgba(68,68,68,0.8)), 
    url(../images/banners/journey.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxCommunityOrange { 
  background: 
    linear-gradient(to bottom right, 
    rgba(224,85,20,0.8), 
    rgba(224,85,20,0.8)), 
    url(../images/banners/community.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxCommunityGreen { 
  background: 
    linear-gradient(to bottom right, 
    rgba(203,198,8,0.8), 
    rgba(203,198,8,0.8)), 
    url(../images/banners/community.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxCommunityBlue { 
  background: 
    linear-gradient(to bottom right, 
    rgba(134,192,216,0.8), 
    rgba(134,192,216,0.8)), 
    url(../images/banners/community.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.iconMain {
  padding: 45px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #999;
  height: 150px;
  width: 150px;
  color: #fff;
}

.iconOrangeBG {
  padding: none;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #e05514;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconOrange {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #e05514;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconGreen {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #cbc608;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconBlue {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #86c0d8;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconYellow {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #FFCC00;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconPink {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #FE66CB;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconPurple {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #825AD1;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconDarkBlue {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #361e8f;
  height: 120px;
  width: 120px;
  color: #fff;
}

.iconAnother {
  padding: 30px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50% 50%;
  background-color: #86c0d8;
  height: 120px;
  width: 120px;
  color: #fff;
}