@charset "UTF-8";
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
/* //PHECC CHANGES BY IFINTIY 
//CREATED BY: ALEXA WHITE-HAWLEY JANUARY 2021

*/
.BkDarkGrey {
  background-color: #313e48; }
  .BkDarkGrey p, .BkDarkGrey body {
    color: #fff; }

.BkLightGrey {
  background-color: #f3f3f4; }

.BkWhite {
  background-color: #fff; }

.BkOrange {
  background-color: #f2912f; }

.BkBlue {
  background-color: #124294; }

.BkGrey {
  background-color: #7a868d;
  color: #fff; }

.row.BkDarkGrey, .row.BkLightGrey, .row.BkWhite, .row.BkOrange, .row.BkGrey {
  padding: 2em 0; }

/* =========================================================================
   WRAPPER FULLWIDTH
   ========================================================================== */
.container, .header-container, .SliderPage1 {
  max-width: 1280px; }

.Wrapper-FullWidth #masterContentArea.container {
  max-width: 100% !important;
  padding: 0; }

.Wrapper-FullWidth #masterContentArea .container-inner, #masterMainBreadcrumb {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto; }

#masterContentArea {
  margin-top: 0; }

/* ==========================================================================
PHECC PANELS
   ========================================================================== */
.BluePanel {
  background: #124294 url(/images/CSSImages/BluePanel.png) top center no-repeat; }

.OrangePanel {
  background: #f2912f url(/images/CSSImages/OrangePanel.png) top center no-repeat; }

.GreyPanel {
  background: #7a868d url(/images/CSSImages/GreyPanel.png) top center no-repeat; }

.BluePanel, .OrangePanel, .GreyPanel {
  background-size: cover;
  min-height: 7em;
  vertical-align: middle;
  margin-bottom: 1em;
  padding: 2%;
  height: 150px; }
  .BluePanel a, .OrangePanel a, .GreyPanel a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    top: 40%;
    left: 0%;
    transform: translate(-15%, -40%);
    width: 80%; }

.LoginIcon:before {
  content: url(/images/CSSImages/log-in.png);
  padding-right: 1em;
  position: relative;
  top: 10px; }

/* ==========================================================================
   PHECC Buttons
   ========================================================================== */
/* ==========================================================================
System Button Changes
   ========================================================================== */
.SignIn input[type="submit"], .SignIn input[type="text"], .SignIn input[type="password"] {
  width: 100px; }

/* ==========================================================================
   Header Changes
   ========================================================================== */
#masterHeaderBackground, .header {
  border-bottom: transparent;
  padding-top: 0; }

.header-top-container {
  height: 3em;
  line-height: 2.75em; }

.UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation {
  float: right; }

@media (max-width: 767px) {
  #masterLogoArea, #auxiliary-container {
    width: 100%;
    margin-top: 2em; }
  #ste_container_ciUtilityNavigation, #ste_container_ciNewUtilityNavigationCommon, .UtilitySection.UtilityNavigationToggle {
    float: left; 
    margin-top: -3px;
    }
  .UtilitySection {
    display: inline-block; }
  li#ctl01_ciUtilityNavigation_ctl04__rptWrapper__rptWrapper_rpt_ctl02_NavigationListItem a {
    background-color: transparent; } }

/* ==========================================================================
   Carousel Changes

   ========================================================================== */
@media (min-width: 768px) {
  .carousel-caption {
    left: 50%;
    right: 20%;
    padding-bottom: 30px;
    transform: translate(-50%, -50%); } }

#HomePageContent .Panel {
  padding: 0; }

#HomePageContent .panel, #HomePageContent .StandardPanel {
  border: none !important; }

#HomePageContent .panel-body, #HomePageContent .PanelBody {
  padding: 0; }

@media (min-width: 768px) {
  #HomePageContent .carousel-caption {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); } }

/* ==========================================================================
   Main Font changes
   ========================================================================== */
h2, .BkWhite h2 {
  color: #f2912f;
  font-size: 150%;
  border-bottom: 0 solid transparent; }

.txt-white {
  color: #fff; }

.txt-orange {
  color: #f2912f; }

.Spotlight {
  height: 310px; }
  .Spotlight p, .Spotlight h1, .Spotlight h2, .Spotlight h3, .Spotlight h4, .Spotlight h5, .Spotlight h6, .Spotlight body, .Spotlight ol, .Spotlight ul, .Spotlight li {
    padding: 2% 5%;
    text-align: left; }
  .Spotlight a {
    text-decoration: none; }
  .Spotlight p a {
    text-decoration: none;
    color: #313e48; }

.col-primary ul li {
  content: "";
  background: transparent url(/images/CSSImages/bullet.png) 0 0.5em no-repeat;
  background-size: .5em;
  padding-left: 1.25em; }

.col-primary nav ul li {
  background: none; }

h1, h3, h6 {
  color: #f2912f; }

/* ==========================================================================
   Background Images
   ========================================================================== */
.HomeBk1, .HomeBk2, .HomeBk3, .HomeBk4, .HomeBk5, .HomeBk6, .IntBk1, .IntBk2, .IntBk3, .IntBk4, .IntBk5, .IntBk6 {
  background: #f3f3f4 center top no-repeat;
  min-height: 300px;
  padding: 2em 0;
  background-size: cover; }

.HomeBk1 {
  background: #124294 url(/images/PHECC/Backgrounds/HomeBk1.jpg) top center no-repeat;
  background-size: cover; }

.HomeBk2 {
  background: #a1aaad url(/images/PHECC/Backgrounds/HomeBk2.jpg) top center no-repeat;
  background-size: cover; }

.HomeBk3 {
  background: #a1aaad url(/images/PHECC/Backgrounds/HomeBk3.jpg) top center no-repeat;
  background-size: cover; }

.HomeBk4 {
  background: #a1aaad url(/images/PHECC/Backgrounds/HomeBk4.jpg) right center no-repeat;
  background-size: cover;
  background-size: 112%; }
  .HomeBk4 h1 {
    color: #fff;
    font-size: 375%; }
  .HomeBk4 h3 {
    text-transform: uppercase; }

.HomeBk5 {
  background: #a1aaad url(/images/PHECC/Backgrounds/HomeBk5.jpg) top center no-repeat;
  background-size: cover; }

.HomeBk6 {
  background: #a1aaad url(/images/PHECC/Backgrounds/HomeBk6.jpg) top center no-repeat;
  background-size: cover; }
  .HomeBk6 h1 {
    color: #fff; }

.IntBk1, .Ft-IntBk1 .footer-content {
  background: #a1aaad url(/images/PHECC/Backgrounds/IntBk1.jpg) top center no-repeat;
  background-size: cover;
  background-size: cover; }
  .IntBk1 h1, .Ft-IntBk1 .footer-content h1 {
    color: #fff; }
    .IntBk1 h1 :after, .Ft-IntBk1 .footer-content h1 :after {
      content: url(images/Arrow_right_orange.png); }
  .IntBk1 h2, .Ft-IntBk1 .footer-content h2 {
    color: #fff;
    border-bottom: 0; }

.IntBk2, .Ft-IntBk2 .footer-content {
  background: #a1aaad url(/images/PHECC/Backgrounds/IntBk2.jpg) top center no-repeat;
  background-size: cover; }

.IntBk3, .Ft-IntBk3 .footer-content {
  background: url(/images/PHECC/Backgrounds/IntBk3.jpg);
  background-size: cover; }

.IntBk4, .Ft-IntBk4 .footer-content {
  background: url(/images/PHECC/Backgrounds/IntBk4.jpg);
  background-size: cover; }

.IntBk5, .Ft-IntBk5 .footer-content {
  background: url(/images/PHECC/Backgrounds/IntBk5.jpg);
  background-size: cover; }

.IntBk6, .Ft-IntBk6 .footer-content {
  background: url(/images/PHECC/Backgrounds/IntBk6.jpg);
  background-size: cover; }

@media (max-width: 767px) {
  .HomeBk1 {
    padding: 2%; } }

/* ==========================================================================
  Menu changes
   ========================================================================== */
ul.rmRootGroup.rmToggleHandles.rmHorizontal {
  position: relative;
  bottom: 0; }

.search-field {
  background: #f3f3f4 url(/images/CSSImages/Search.png) no-repeat;
  background-size: 20px 20px;
  background-position: 95% 50%;
  margin-right: .5em; }

.nav-auxiliary a {
  color: #313e48;
  font-weight: 600;
  text-decoration: none; }

#auxiliary-containe, #social-container, a.UtilitySection.UtilityAuthenticationLink.LoginIcon, .UtilitySection.UtilityNavigationList {
  border-left: 1px solid white;
  padding-left: .5em;
  padding-right: .5em; }

.RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus, .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmTemplate {
  color: #fff;
  font-size: 1.2em;
  font-weight: 500; }

.RadMenu_Austin .rmSlide .rsmLink, .RadMenu_Austin .rmSlide .rmFocused > .rmLink, .RadMenu_Austin .rmSlide .rmSelected > .rmLink, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  color: #f2912f; }

.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0% 50%;
  background-size: 20px; }

.nav-auxiliary .nav-aux-cart .nav-text {
  background-image: url(/images/CSSImages/payments.png);
  background-repeat: no-repeat;
  padding-left: 26px; }

.nav-auxiliary .nav-aux-register .nav-text {
  background: transparent url(/images/CSSImages/checkTheTegister.png) 0% 50% no-repeat;
   background-repeat: no-repeat;
  padding-left: 26px; 
  background-size: 20px}

.nav-auxiliary .nav-aux-account .nav-text {
  background: url(/images/CSSImages/log-in.png) 0% 50% no-repeat;
  background-size: 20px }

.UtilitySection.UtilityAuthenticationLink {
  background-image: url(/images/CSSImages/log-in.png);
  background-repeat: no-repeat;
  background-position: 50%;
  padding-left: 85px;
  background-size: 25px; }

li.rmItem.rmFirst.rmLast.rmTemplate.MegaDropDownMenuOuter {
  min-width: 325px !important; }

.rmSlide {
  min-width: 350px !important; }

.RadMenu.RadMenu_Austin .rsmColumnWrap {
  margin-bottom: 0;
  padding-right: 15px; }

@media (max-width: 767px) {
  .UtilitySection.UtilityAuthenticationLink {
    padding-left: 0px;
    color: transparent;
    background-size: 40px; }
  .nav-auxiliary .nav-aux-button .NavigationLink, .navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus {
    border-radius: 50%;
    background-color: transparent; }
  .navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #313e48;
    margin-bottom: 0; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-register .nav-text {
    background-position: 0!important;
    background-size: 40px;
    width: 40px;
    height: 40px; 
    padding-left: 0px;}
  span.nav-text {
    color: transparent; }
    .nav-auxiliary .nav-aux-button .NavigationLink{
        padding:0;
        margin-left: .25em;
    }
    .UtilityNavigationList .NavigationUnorderedList > li > a{
        display:inline!important;
    }
    li#ctl01_ciUtilityNavigation_ctl04__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem {
    width: 50px;
    overflow: hidden;
/*
    border-radius: 50%;
    background-size: 25px;
*/
  }
    .nav-auxiliary .nav-aux-cart .nav-text{margin-top: -15px;}
    .nav-auxiliary .nav-aux-register .nav-text{ padding: 9px 15px;}
    .navbar-toggle{padding-bottom: 0}
    div#ResponsiveSimpleSearchBlock{
        position: relativeactiveright: -20%;
    }
    .header-search{
        position:fixed;
    }
    .header-search .search-field {
    width: 100%;
        margin-top: 2.25em;}
    #hd{margin-bottom: 1em;}
    .nav-auxiliary .nav-aux-register .nav-text {
  Content: url(/images/CSSImages/checkTheTegister.png);
  background-repeat: no-repeat;
Padding:0px!important;
	}

}
@media (max-width: 481px) {
    .nav-auxiliary .NavigationListItem {
    width: 45px!important;
}
}
/* ==========================================================================
  InternalMenu changes
   ========================================================================== */
.InteralHorizontalMenu {
  position: relative;
  top: -15px; }
  .InteralHorizontalMenu ul {
    display: block;
    float: right;
    line-height: 2em; }

.InteralHorizontalMenu ul {
  display: inline-flex;
  list-style: none;
  padding-top: .75em; }
  .InteralHorizontalMenu ul li {
    margin-right: 1em; }
  .InteralHorizontalMenu ul li:last-child {
    margin-right: 0; }

.InteralHorizontalMenu a {
  color: #fff;
  text-decoration: none;
  font-weight: 600; }

/* ==========================================================================
  Breadcrumb
   ========================================================================== */
.Wrapper-FullWidth #masterMainBreadcrumb {
  position: relative;
  top: 375px;
  z-index: 3001; }

.breadcrumb {
  color: #124294;
  font-weight: 500; }

.BreadCrumbLink, .BreadCrumbLink:visited {
  text-decoration: none;
  color: #313e48;
  font-weight: 500; }

span[disabled], label[disabled], [disabled] label, .Disabled, label.aspNetDisabled, span.aspNetDisabled, .aspNetDisabled label, .aspNetDisabled .Label {
  color: #124294;
  content: ">";
  font-weight: 200; }
@media (max-width: 767px){
    #masterMainBreadcrumb {
        display:none;
    }   
}
/* ==========================================================================
  HomePageCustomizations
   ========================================================================== */
.text-block {
  width: 50%;
  position: absolute;
  top: 0;
  padding: 20px; }

/* ==========================================================================
  InternalBannerCustomization
   ========================================================================== */
.InternalHorizontalMenu {
  margin-bottom: 4em; }

.InternalBannerArea {
  margin-bottom: 3em; }
  .InternalBannerArea .panel-body {
    padding: 0;
    margin: -1px; }

/* ==========================================================================
  Conextual Changes
   ========================================================================== */
blockquote h1, blockquote p, blockquote body {
  color: #fff; }

blockquote cite {
  color: #f2912f; }

.quote:before {
  content: url(/images/PHECC/Icons/Quote_marks_orange.png);
  position: relative;
  left: 40%; }

.HomeBk1 h2 {
  font-size: 300%;
  border-bottom: none; }
  .HomeBk1 h2 :after {
    content: none; }

.BkLightGrey h2:after {
  content: url(images/Arrow_right_orange.png);
  height: 1em;
  border-bottom: none; }

.blockquote::before {
  content: url(/images/PHECC/Icons/Quote_marks_orange.png);
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
  left: 50%; }

/* ==========================================================================
  Changes to the tagged list items
   ========================================================================== */
.BlockTLItem {
  border-bottom: 0 solid transparent; }

.TaggedListPanel {
  margin-right: -1.5em; }

.BlockTlItem .NewsDate {
  color: #f2912f; }

@media (max-width: 767px) {
  .col-sm-4.BlockTLItem {
    display: block;
    margin-left: 20px;
    width: 100%;
    height: auto !important; }
  .TaggedListPanel {
    margin-right: 0; } }

.GlobalContent .ContentHtml img, .GlobalContent .ContentHtml h2, .GlobalContent .IntroText:not(first-of-type) {
  display: none; }

.BlockTLItem h3 {
  color: #f2912f; }

.TaggedListPanel .col-sm-4.BlockTLItem:not(first-of-type) {
  margin-bottom: 2em; }

@media (max-width: 767px) {
  .TaggedListPanel .col-sm-4.BlockTLItem {
    margin-bottom: 1em !important;
    width: 100%;
    width: calc(100% - 2em); } }

.Wrapper-HomePage a#ctl01_TemplateBody_WebPartManager1_gwpciNewContentTaggedList_ciNewContentTaggedList_TaggedListRepeater_ctl03_NextButton {
  display: none; }

.ArticleSummary p, .ArticleSummary h1, .ArticleSummary h2, .ArticleSummary h3, .ArticleSummary h4, .ArticleSummary h5, .ArticleSummary h6, .ArticleSummary ul, .ArticleSummary ol {
  display: none; }

.col-sm-4.BlockTLItem .row {
  margin: 0 20px; }

.ArticleSummary {
  background-color: #fff;
  width: 100%;
  height: 350px; }

.TaggedListPanel .ArticleDate a {
  color: #f2912f;
  font-weight: 600;
  text-decoration: none;
  padding: 20px; }

.TaggedListPanel .ArticleTitle a {
  color: #222222;
  font-weight: 600;
  text-decoration: none; }

.TaggedListPanel .ArticleImage {
  margin-bottom: 2em; }

.col-sm-4.BlockTLItem {
  margin-right: 20px;
  width: calc(33% - 20px);
  height: 300px; }

@media (max-width: 767px) {
  .col-sm-4.BlockTLItem .ArticleTitle {
    margin-left: 15px;
    margin-right: 0; } }

/* ==========================================================================
  Global Content Tagged Lists Items
   ========================================================================== */
.GlobalElements {
  background-color: #fff; }

.GlobalText {
  padding: 10px; }
  .GlobalText h2 {
    color: #f2912f;
    font-size: 125%;
    font-weight: 500;
    border-bottom: 0; }
  .GlobalText h2:after {
    content: none; }
  .GlobalText p, .GlobalText body {
    -webkit-line-clamp: 5; }
  .GlobalText h2 {
    color: #f2912f;
    font-weight: 600;
    font-size: 150%;
    border-bottom: none;
    margin-bottom: .5em; }
  .GlobalText h2 :after {
    content: none; }

/* ==========================================================================
  Variables to change Text Color
   ========================================================================== */
.TextBlack {
  color: #fff; }

.TextBlue {
  color: #124294; }

.TextOrange {
  color: #f2912f; }

.TextPurple {
  color: #8c2691; }

.TextDeepRed {
  color: #d03528; }

/* ==========================================================================
  Items to hide
   ========================================================================== */
.HideContent, #ctl01_ciFullWidthContent_ContentRecordTemplateArea_HomeSlideshow_SlideshowControls {
  display: none; }

/* ==========================================================================
  FlexBoxContent
   ========================================================================== */
.cardGroup {
  display: flex;
  overflow: hidden; }

.cardGroupCard {
  flex: 1 1 auto;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  /* align-items: flex-start; */ }
  .cardGroupCard .col-sm-12 {
    margin-left: 15px;
    margin-right: 15px; }
  .cardGroupCard p {
    color: #313e48; }

.cardDescription, .cardGroupCard.ContentItemContainer, .ContentItemContainer {
  flex: 1 1 auto; }

@media (max-width: 768px) {
  .cardGroup {
    display: block; }
  /* Needed to fix the responsive flex */
  .row.cardGroup.box-content {
    display: block; }
  .cardGroupCard {
    width: 100%;
    margin-left: .4em;
    margin-bottom: 1em; } }

/* ==========================================================================
  Line Clamps
   ========================================================================== */
.LineClamp1, .LineClamp2, .LineClamp3, .LineClamp4 {
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.LineClamp1 {
  -webkit-line-clamp: 1; }

.LineClamp2 {
  -webkit-line-clamp: 2; }

.LineClamp3 {
  -webkit-line-clamp: 3; }

.LineClamp4 {
  -webkit-line-clamp: 4; }

.LineClamp5 {
  -webkit-line-clamp: 5; }

.LineClamp6 {
  -webkit-line-clamp: 6; }

/* ==========================================================================
  ul changes
   ========================================================================== */
ul {
  list-style: none; }

.BkDarkGrey ul li::before {
  content: "\2022";
  color: #f2912f;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

.BkDarkGrey ul li {
  color: #fff; }

/* ==========================================================================
  SocialIcons
   ========================================================================== */
/* ==========================================================================
  SocialIcons
   ========================================================================== */
.IntroText {
  color: #f2912f;
  font-weight: 600; }

/* ==========================================================================
Footer Changes
   ========================================================================== */
#ft {
  background-color: transparent; }
  #ft a {
    text-decoration: none;
    font-size: .8em;
    font-weight: 400;
    text-decoration: none; }

.footer-content {
  color: #fff;
  background-color: #969fa2;
  line-height: 1.1em;
  text-align: left; }
  .footer-content p {
    margin-bottom: 0; }
  .footer-content img {
    margin-bottom: 1em; }

.FooterMenu {
  margin-top: 2em; }
  .FooterMenu a {
    font-weight: 400; }
  .FooterMenu li {
    list-style: none;
    margin-top: 2em;
    display: block;
    float: left;
    margin-right: 15px; }

.footer-nav-copyright .footer-copyright {
  width: 100%; }

.Wrapper-HomePage .footer-content {
  display: none; }

.FooterButtons img {
  margin-bottom: 1.5em; }

@media (max-width: 454px) {
  .footer-nav-copyright, .footer-content.ClearFix {
    margin-right: -15px; } }

/* ==========================================================================
BannerImageOverlay Changes
   ========================================================================== */
.ImageOverlayButtom {
  position: relative;
  bottom: -40px;
  overflow: hidden; }

@media (max-width: 767px) {
  .ImageOverlayButto {
    padding-left: 2%; } }

/* ==========================================================================
Spacers
   ========================================================================== */
.Margin25 {
  margin: 2% 5%; }

.Margin3 {
  margin: 3%; }

.col-sm-12.Margin25.Spotlight {
  height: auto; }