/* CSS Document */

/* Homepage */
.pageWelcome h1 {font-size: 3rem; color: #1E243A;}
.pageWelcome hr {border-top-color: #4E5DE5; border-top-width: 2px; width: 20%; margin-top: .5rem;}
.pageWelcome p {font-size: 1.813rem; color: #1E243A; font-weight: 400;}
.hpHighlightText a {color: #4E5DE5 !important;}

.pageTFGoals h2 {color: #1E243A;}
.pageTFGoals h6 {text-decoration: none !important; font-size: 1.25rem; color: #1E243A !important;}
.pageTFGoals hr {border-top-color: #4E5DE5; border-top-width: 2px; width: 35%; margin-top: .5rem;}
.gCont {text-decoration: none !important;}

.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2rem;}

.tfGoalOne {background: url(/eie/eer/ecc/pfas/imgs/hp/goals1.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalOneHover {background: url(/eie/eer/ecc/pfas/imgs/hp/goals1-hover.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalOne:hover, .tfGoalOne:focus {background: url(/eie/eer/ecc/pfas/imgs/hp/goals1-hover.png);}

.tfGoalTwo {background: url(/eie/eer/ecc/pfas/imgs/hp/goals2.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalTwoHover {background: url(/eie/eer/ecc/pfas/imgs/hp/goals2-hover.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalTwo:hover, .tfGoalTwo:focus {background: url(/eie/eer/ecc/pfas/imgs/hp/goals2-hover.png);}

.tfGoalThree {background: url(/eie/eer/ecc/pfas/imgs/hp/goals3.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalThreeHover {background: url(/eie/eer/ecc/pfas/imgs/hp/goals3-hover.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalThree:hover, .tfGoalThree:focus {background: url(/eie/eer/ecc/pfas/imgs/hp/goals3-hover.png);}

.tfGoalFour {background: url(/eie/eer/ecc/pfas/imgs/hp/goals4.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalFourHover {background: url(/eie/eer/ecc/pfas/imgs/hp/goals4-hover.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalFour:hover, .tfGoalFour:focus {background: url(/eie/eer/ecc/pfas/imgs/hp/goals4-hover.png);}

.tfGoalFive {background: url(/eie/eer/ecc/pfas/imgs/hp/goals5.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalFiveHover {background: url(/eie/eer/ecc/pfas/imgs/hp/goals5-hover.png); background-repeat: no-repeat; background-position: center center;}
.tfGoalFive:hover, .tfGoalFive:focus {background: url(/eie/eer/ecc/pfas/imgs/hp/goals5-hover.png);}

.tfGoalOne, .tfGoalTwo, .tfGoalThree, .tfGoalFour, .tfGoalFive {width: 100%; height: 150px; transition: 350ms all ease-out;}
.tfGoalOne:hover, .tfGoalOne:focus, .tfGoalTwo:hover, .tfGoalTwo:focus, .tfGoalThree:hover, .tfGoalThree:focus, .tfGoalFour:hover, .tfGoalFour:focus, .tfGoalFive:hover, .tfGoalFive:focus {background-repeat: no-repeat; background-position: center center; transition: 350ms all ease-in;}

.gBrTwo, .gBrThree, .gBrFour, .gBrFive {border-left: 2px solid #efefef;}

.pageWhatBG {background: linear-gradient(60deg, #abb4d4 0%, #abb4d4 60%, #3d4976 calc(60% + 1px), #3d4976 100%);}
.pageWhatOverlay {background: rgba(0,0,0,0.6);}
.pageWhat h2 {color: #fff;}
.pageWhat hr {border-top-color: #4EE58B; border-top-width: 2px; width: 25%; margin-top: .5rem;}
.pageWhat p {font-size: 1.813rem; color: #fff;}
.btnWhat {color: #fff; font-size: 1.25rem; font-weight: 300; font-style: italic; border: 2px solid rgba(78, 229, 139, 1.0); background: transparent; padding: 15px 20px; border-radius: 30px; transition: 350ms all ease-out;}
.btnWhat:hover, .btnWhat:focus {color: #fff; background: rgba(78, 229, 139, .25); transition: 350ms all ease-in; text-decoration: none !important;}

.pageAreaBG {background: url(/eie/eer/ecc/pfas/imgs/hp/familywithoverlay.png); background-position: right bottom; background-repeat: no-repeat; background-size: cover; object-fit: cover;}
.pageAreaOverlay {background: rgba(255,255,255,0.45);}
.pageArea h2 {color: #1E243A;}
.pageArea hr {border-top-color: #4E5DE5; border-top-width: 2px; width: 42%; margin-top: .5rem;}
.pageArea p {font-size: 1.813rem; color: #1E243A;}
.btnArea {color: #1E243A; font-size: 1.25rem; font-weight: 300; font-style: italic; border: 2px solid rgba(78, 93, 229, 1.0); background: transparent; padding: 15px 20px; border-radius: 30px; transition: 350ms all ease-out;}
.btnArea:hover, .btnArea:focus {color: #1E243A; background: rgba(78, 93, 229, .25); transition: 350ms all ease-in; text-decoration: none !important;}

.pageRelatedBG {background: url(/eie/eer/ecc/pfas/imgs/hp/related-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; object-fit: cover;}
.pageRelatedOverlay {background: rgba(0,0,0,0.75);}
.pageRelated hr {border-top-color: #4EE58B; border-top-width: 2px; width: 30%; margin-top: .5rem;}
.pageRelated h2 {color: #fff;}

.rRingOne {background-color: transparent; border-radius: 100%; padding: 20px;}
.rRingOne:hover {background-color: #4E5DE5; transition: all 350ms ease-in;}
.rRingOne:focus {background-color: #4E5DE5;}

a.hlLink2, a.hlLink3, a.hlLink4, a.hlLink5 {border-left: 3px solid #4E5DE5; padding-left: 10px; margin-left: 2px;}


/* FAQs */
.heroFAQ {background: url(/eie/eer/ecc/pfas/imgs/hp/related-bg.jpg); background-position: center center; background-size: cover !important; background-repeat: no-repeat !important;}
.text-blue-three {color: #4E5DE5;}
.card-link:hover {color: #4E5DE5 !important;}
.card-header {background-color: #fff; border-bottom: 0px;}
.card {border-top: 1px solid rgba(0,0,0,.125); border-bottom: 1px solid rgba(0,0,0,.125); border-left: none !important; border-right: none !important;}
.fa-chevron-down:before {color: #4E5DE5;}
.openall, .closeall {color: #1E243A; font-size: 1.25rem; border: 2px solid rgba(78, 93, 229, 1.0); background: transparent; padding: 15px 20px; border-radius: 30px; transition: 350ms all ease-out;}
.openall:hover, .openall:focus, .closeall:hover, .closeall:focus {color: #1E243A; background: rgba(78, 93, 229, .25); transition: 350ms all ease-in; text-decoration: none !important; border: 2px solid rgba(78, 93, 229, 1.0);}
#accordion4 .card, #accordion10 .card, #accordion19 .card, #accordion22 .card {border-bottom: 2px solid rgba(0,0,0,.125);}
#accordion1 .card,#accordion5 .card, #accordion11 .card, #accordion20 .card {border-top: 2px solid rgba(0,0,0,.125);}
.caPFAS h2 {font-weight: bold; color: rgba(78, 93, 229, 1.0);}

/* Task Force Homepage */
.heroTF {background: url(/eie/eer/ecc/pfas/imgs/hp/car2.jpg); background-position: center center; background-repeat: no-repeat !important; background-size: cover !important; }
.scrollBott {padding: 0px;}
.scrollBott h6 {text-decoration: none !important; color: #1E243A !important;}
.tfGTwo, .tfGThree, .tfGFour, .tfGFive {border-left: 2px solid #efefef;}

/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.pageWelcome hr, .pageTFGoals hr, .pageWhat hr, .pageArea hr, .pageRelated hr {width: 40% !important;}
	.pageWelcome h1 {margin-top: 25px;}
	.pageWelcome p, .pageWhat p, .pageArea p {font-size: 1.5rem;}
	.pageTFGoals {margin-top: 35px; margin-bottom: 50px;}
	.gBrOne, .gBrTwo, .gBrThree, .gBrFour, .gBrFive {border-left: none !important; margin-top: 15px;}
	.pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px 25px;}
	
	.hero6 {padding: 35px 20px 50px !important;}
	.hero3-overlay-darker {background: linear-gradient(to bottom, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,1.0) 100%) !important;}
	.card-header {padding: 0.75rem 0rem !important;}
}
/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 415.98px) {
	.pageWelcome hr, .pageTFGoals hr, .pageWhat hr, .pageArea hr, .pageRelated hr {width: 40% !important;}
	.pageWelcome h1 {margin-top: 25px;}
	.pageWelcome p, .pageWhat p, .pageArea p {font-size: 1.5rem;}
	.pageTFGoals {margin-top: 35px; margin-bottom: 50px;}
	.gBrOne, .gBrTwo, .gBrThree, .gBrFour, .gBrFive {border-left: none !important; margin-top: 15px;}
	.pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px 25px;}
	.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2.5rem;}
	
	.hero6 {padding: 35px 20px 50px !important;}
	.hero3-overlay-darker {background: linear-gradient(to bottom, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,1.0) 100%) !important;}
	.card-header {padding: 0.75rem 0rem !important;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 376px) and (max-width: 415.98px) {
	.rRingThree img {width: 250px !important;}
}
@media (min-width: 413px) and (max-width: 415.98px) {
	
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.pageWelcome hr, .pageTFGoals hr, .pageWhat hr, .pageArea hr, .pageRelated hr {width: 40% !important;}
	.pageTFGoals {margin-bottom: 50px;}
	.gBrOne, .gBrTwo, .gBrThree, .gBrFour, .gBrFive {border-left: none !important; margin-top: 15px;}
	.pageWelcome, .pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px 25px;}
	.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2.5rem;}
	
	.hero6 {padding: 35px 20px 50px !important;}
	.hero3-overlay-darker {background: linear-gradient(to bottom, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.8) 60%, rgba(0,0,0,1.0) 100%) !important;}
	.card-header {padding: 0.75rem 0rem !important;}
}
/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.pageWelcome hr, .pageTFGoals hr, .pageWhat hr, .pageArea hr, .pageRelated hr {width: 40% !important;}
	.pageTFGoals {margin-bottom: 50px;}
	.gBrOne, .gBrTwo, .gBrThree, .gBrFour, .gBrFive {border-left: none !important; margin-top: 15px;}
	.pageWelcome, .pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px;}
	.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2.5rem;}
	.rRingThree img {width: 300px !important;}
}
/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.pageWelcome, .pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px;}
	.pageTFGoals {margin-bottom: 50px; padding-left: 30px; padding-right: 30px;}
	.gBrFour {border-left: none !important; margin-top: 15px;}
	.pageAreaBG {background-position: center bottom;}
}
/* Large devices COL-LG (landscape tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.pageWelcome, .pageWhatCont, .pageAreaCont, .pageRelatedCont {padding: 50px;}
	.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2.813rem;}
	.gBrFour {border-left: none !important; margin-top: 15px;}
	.pageTFGoals {margin-bottom: 50px;}
}
@media (min-width: 1023px) and (max-width: 1025px) {
	.foot-3 h4::after, .foot-4 h4::after {top: 30px;}
}
/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1200px) {
	/* Homepage */
	.pageWelcome {padding: 50px 100px;}
	.pageWelcome h1 {font-size: 3.75rem;}
	.homeTFGoals {padding: 0px 100px 50px;}
	.pageTFGoals h2, .pageWhat h2, .pageArea h2, .pageRelated h2 {font-size: 2.813rem;}
	.gBrOne, .gBrTwo, .gBrThree, .gBrFour, .gBrFive {padding-top: 15px; padding-bottom: 15px;}
	.gBrFive h6 {padding-left: 50px; padding-right: 50px;}
	.hpHighlightText {padding-left: 145px; padding-right: 145px;}
	a.hlLink2, a.hlLink3, a.hlLink5 {}
	.pageWhatCont {padding: 75px 100px;}
	.pageAreaCont {padding: 75px 100px;}
	.pageRelatedCont {padding: 75px 100px;}
	/* FAQs */
	/* Task Force Homepage */
	.tfGOne, .tfGTwo, .tfGThree, .tfGFour, .tfGFive {padding-top: 15px; padding-bottom: 15px;}
	.scrollBott h6 {font-size: 1.05rem;}
}
@media (min-width: 1365px) and (max-width: 1367px) {
	.foot-1 h4::after, .foot-2 h4::after {top: 64px;}
	.footer-heading-2::after {width: 78% !important;}
	.footer-heading-3::after {width: 58% !important;}
	.footer-heading-4::after {width: 58% !important;}
}
@media (min-width: 1600px) {
	
}