/* Add your css code here */


/* Global */
a,
.w3-button {
  transition: 0.4s !important;
}

.ul-parent-account {
  color: inherit;
}

#header .fa,
#header .svg-inline--fa {
  color: inherit;
}

#top-container .top-box>div,
#bottom-container .bottom-box>div,
#footer-container .footer-box>div {
  border-width: 1px;
  border-style: solid;
}

/* Text Color - Dark */
html,
body,
button,
input,
select,
optgroup,
textarea,
#page-title,
#highlighted,
.page-wrapper,
#top-container,
#main-container,
#footer-container,
.ul-parent-footer,
.search-slide-wrapper,
#top-container .top-box>div,
#footer-container .footer-box>div,
#bottom-container .bottom-box>div,
#footer-container .footer-box>div {
  color: #565e61;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #003564;
}

/* Text Color - light */
#header,
#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header a,
#header p,
#copyright,
.close-nav,
.mobile-nav,
#footer-menu,
#footer-menu h1,
#footer-menu h2,
#footer-menu h3,
#footer-menu h4,
#footer-menu h5,
#footer-menu a,
#footer-menu p,
.main-navigation-wrapper {
  color: #d8e8f4 !important;
}

/* Light Background  */
#page-title,
#highlighted,
.page-wrapper,
#top-container,
#footer-container,
.search-slide-wrapper,
#top-container .top-box>div,
#main-container .main-box > div,
#footer-container .footer-box>div,
#bottom-container .bottom-box>div {
  background-color: #fff;
}

#main-container,
.search-slide-wrapper,
.pager__item.is-active {
  background-color: #f2f7fb !important;
}

#bottom-container {
  background-color: #e5f0f8;
}

/* Dark Background  */
#header {
  background-color: #004b8d;
}

.close-nav,
.mobile-nav,
.main-navigation-wrapper {
  background-color: #003564;
}

#footer-menu {
  background-color: #002647;
}

#footer-menu-inner form.w3-content {
  border: 1px solid #001b32;
}

#copyright {
  background-color: #002647;
}

/* Border Color  */
.cke_top,
.w3-border,
ul.primary,
.cke_bottom,
.cke_chrome,
ul.secondary,
ul.primary > li,
#top-container .top-box>div,
#bottom-container .bottom-box>div,
#footer-container .footer-box>div {
  border-color: #e5f0f8 !important;
}

/* Hover Color  */
.w3-hover-over:hover,
.w3-button:hover,
#open-search:hover,
#open-nav-inner:hover {
  color: #f5faeb !important;
  background-color: #a4cd39 !important;
}

input:focus,
select:focus,
textarea:focus {
  box-shadow: 0 25px 57px 0 rgba(0, 0, 0, .25);
  border-color: #a3c8e5;
}

/* button animation  */
@keyframes btnBorderAnimation {
  0% {
    width: 0;
    height: 0;
    border-bottom-color: #fff;
  }

  99.9999% {
    width: 100%;
    height: 100%;
    border-bottom-color: #fff;
  }

  100% {
    width: 0;
    height: 0;
    border-bottom-color: transparent;
  }

}

/* Border animation  */
@keyframes borderLeftColors {
  0% {
    width: 0;
    height: 0;
    border-top-color: #004b8d;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  50% {
    width: 100%;
    height: 0;
    border-top-color: #004b8d;
    border-right-color: #004b8d;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  99.9999% {
    width: 100%;
    height: 100%;
    border-top-color: #004b8d;
    border-right-color: #004b8d;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  100% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

}

@keyframes borderRightColors {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #004b8d;
    border-left-color: transparent;
  }

  50% {
    width: 100%;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #004b8d;
    border-left-color: #004b8d;
  }

  99.9999% {
    width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #004b8d;
    border-left-color: #004b8d;
  }

  100% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

}
#welcome-text {
    background-color:#e8e9e9 ;
    color: #3a3a3a;
}
.w3-search-block-form .form-type-search input {
    border-right: none !important;
    text-indent: 20px;
    background-color: #f8f8f8;
}
#footer-container{
  background-color: #003d72;
}

footer-container-inner .first-footer > div, .footer-container-inner .second-footer > div, .footer-container-inner .third-footer > div{
  background-color: #004b8d;
}
#footer-container .footer-box>div {
    background-color: #004b8d;
	color: #f8f8f8 !important;
	border-color: #0073d8 !important;
}
#bottom-container .bottom-box>div {
    background-color: #8c8e90 ;
	color: #f8f8f8 !important;
	border-color: #626466 !important;
}
/* Icon Bar May need to be deleted */

.panel-first .block ul.menu li a:hover,
.panel-first .block ul.menu li a:focus,
.panel-first .block ul.menu li a:active {
  background-position: -90px 0;
  background-color: #fff;
  text-indent: -999em; 
}

.panel-first .block ul.menu li a.icon-admissions {
  background-image: url(../images/icons/Admissions.png);
}

.panel-first .block ul.menu li a.icon-contact {
  background-image: url(../images/icons/ContactDirectory.png);
}

.panel-first .block ul.menu li a.icon-job {
  background-image: url(../images/icons/Employment.png);
}
.panel-first .block ul.menu li a.icon-coach {
  background-image: url(../images/icons/CareerCoachIcon.png);
}
.panel-first .block ul.menu li a.icon-enrollment {
  background-image: url(../images/icons/Enrollment.png);
}

.panel-first .block ul.menu li a.icon-map {
  background-image: url(../images/icons/CampusMap.png);
}
.panel-first .block ul.menu li a.icon-TaxInfo {
  background-image: url(../images/icons/TaxpayerPublicInfo.png);
}

.panel-first .block ul.menu li a.icon-res {
  background-image: url(../images/icons/ResidenceLife.png);
}
.panel-first .block ul.menu li a.icon-Comm {
  background-image: url(../images/icons/CommunityIcon.png);
}

.panel-first .block ul.menu li a.icon-transcripts {
  background-image: url(../images/icons/Transcripts.png);
}

.panel-first .block ul.menu li a.icon-about {
  background-image: url(../images/icons/AboutPCC.png);
}
.panel-first .block ul.menu li a.icon-donate {
  background-image: url(../images/icons/donate.png);
}
.panel-first .block ul.menu li a.icon-elearning {
  background-image: url(../images/icons/ELearning.png);
}
.panel-first .block ul.menu li a.icon-covid19 {
  background-image: url(../images/icons/COVID-19.png);
}