@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* CSS Document */
/*Contents*/
/*------Common Styles-------*/
/*------Link Styles-------*/
/*------Image Styles-------*/
/*-----Button Styles-----*/
/*---Page Header Styles---*/
/*-----Card Styles-----*/
/*--Read-More/Text Dropdown--*/
/*-----Modal Styles-----*/
/*-----Well Padding-----*/
/*----Mentor Page Styles-----*/
/*------Footer Styles-------*/
/*----Media Queries/Screen Sizes-----*/


/*------Common Styles-------*/
h1,
.h1 {
  font-family: 'Aleo', serif;
  font-size: 60px;
  text-align: left;
  font-weight: 300;
}

h2,
.h2 {
  font-family: 'Aleo', serif;
  font-size: 32px;
  line-height: 1.25;
  text-align: left;
}

h3,
.h3 {
  text-align: left;
  font-size: 30px;
}

h4,
.h4 {
  font-family: 'Aleo', serif;
  text-align: left !important;
}

h5,
.h5 {
  text-align: left !important;
}

h6,
.h6 {
  font-family: 'Aleo', serif !important;
  text-align: left;

}

p {
  color: #727272;
  font-size: 13pt;
  margin-top: 10px !important;
}

ul {
  text-align: left;
}

ul li {
  font-size: 13pt;
}

.title-h1 {
  line-height: 1.25;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-top-panel {
  background-color: #a88f6b;
  padding-bottom: 10px;
  padding-top: 10px;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-brand img {
  height: 100%;
  width: 300px;
}

.Validator,
.ValidationSummary {
  color: red;
}

.ValidationSummary {
  margin-bottom: 20px;
}

.announcement-banner {
  position: sticky;
  position: -webkit-sticky;
  z-index: 1000;
  top: 54px;
  width: 100%;
  box-shadow: 0 0px 10px 0 rgb(67 67 69 / 35%);
}

.announcement-banner p,
.announcement-banner a {
  font-size: 10pt;
}

/*Styling the close button on banner*/
.announcement-banner .close {
  font-size: 14pt;
  position: absolute;
  right: 0;
  padding: 12px;
}

/*Add to the id being linked to. Allows element to not get hidden behind the menu.*/
.scroll-margin {
  scroll-margin-top: 100px;
}

/* Style the video: 100% width and height to cover the entire window */
#video-hero {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.header-text {
  color: white !important;
  font-weight: 400;
}

.blue {
  color: #003764;
}

.gold {
  color: #a88f6b !important;
}

.black {
  color: #000000 !important;
}

hr.gold {
  background-color: #a88f6b;
}

.text-light,
.text-light .list-marked li:before,
.text-light p {
  color: #eeeeee !important;
}

.text-light a {
  color: #a88f6b;
}

.text-light a:hover,
.text-light a:active,
.text-light a:focus {
  color: #eeeeee;
}

.text-primary {
  color: #A88F6B;
}

.bg-blue {
  background-color: #003764 !important;
}

.bg-tan {
  background-color: #e5dfd5;
}

.bg-light-tan {
  background-color: rgba(181, 156, 120, 0.1);
}

.bg-light-gray {
  background-color: #F5F7FA;
}

.bg-white {
  background-color: #ffffff;
}

.banner-dark {
  color: #ffffff;
  margin-top: 75px;
  padding: 100px;

}

.bg-gradient {
  background: rgb(0, 86, 141);
  background: -moz-linear-gradient(90deg, rgb(0, 86, 141) 0%, rgb(0, 114, 188) 100%);
  background: -webkit-linear-gradient(0deg, rgb(0, 86, 141) 0%, rgb(0, 114, 188) 100%);
  background: linear-gradient(90deg, rgb(0, 86, 141) 0%, rgb(0, 114, 188) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003764", endColorstr="#00568d", GradientType=1);
}

.bg-missionproject {
  background-color: #d9e5ee;
}

.parallax {
  /* The image used */
  background-image: url("https://static.pcci.edu/PCC/Images/alumni/Graduation.png");

  /* Full height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.circle {
  border-radius: 50%;
}

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.height-match {
  height: 100%
}

/*------Link Styles-------*/
.card-body a {
  display: inline-block;
}

p a,
.p a {
  color: #003764;
}

a,
.alumniYear {
  color: #003764;
}

a:hover {
  color: #a88f6b;
}

a:active,
a:focus {
  color: #e5dfd5;
}

p a:hover,
p a.hover,
.p a:hover,
.p a.hover,
a h4:hover {
  color: #a88f6b;
  text-decoration: none !important;
}

p a:focus,
p a.active,
p a:active,
.p a:focus,
.p a.active,
.p a:active {
  color: #e5dfd5;
}

.rd-navbar-top-panel a,
footer a {
  color: #888888 !important;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav>li.active>a,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav>li.active>a,
.rd-navbar-center.rd-navbar-static .rd-navbar-nav>li.active>a,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-nav>li.active>a,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav>li.focus>a,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav>li.focus>a,
.rd-navbar-center.rd-navbar-static .rd-navbar-nav>li.focus>a,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-nav>li.focus>a,
.rd-navbar-default.rd-navbar-static .rd-navbar-nav>li>a:hover,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav>li>a:hover,
.rd-navbar-center.rd-navbar-static .rd-navbar-nav>li>a:hover,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-nav>li>a:hover,
.rd-navbar-top-panel a,
footer a:hover {
  color: #a88f6b !important;
}

.alumniMajor {
  color: #888888;
}

.fa-external-link {
  font-size: 0.8em;
}

#stay-in-touch-link {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 15px;
  /* Place the button at the bottom of the page */
  right: 80px;
  /* Place the button 80px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
}

.box-link,
.quicklinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box-link a {
  padding: 20px;
  border-radius: 5px;
}

.box-link a:hover,
.quicklinks a:hover {
  background-color: rgba(181, 156, 120, .1);
}

.quicklinks i {
  font-size: 30pt;
  padding: 5px;
}

.quicklinks a {
  width: 200px;
  padding: 20px;
  margin: 5px;
  border-radius: 5px;
}

/*-----Button Styles-----*/
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #a88f6b;
    border-color: #a88f6b;
}

.btn-small {
  padding: 10px 15px !important;
  font-size: .8rem !important;
}

.btn,
.cta-link {
  margin-top: 15px;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button-default,
.button-default:focus {
  color: #003764;
  border-color: #003764;
}

.btn-primary {
  background-color: #003764;
  border-color: #003764;
}

.button-primary,
.button-primary:focus,
.cta-link,
.cta-link:focus {
  color: #fff;
  background-color: #003764;
  border-color: #003764;
  text-align: left !important;
}

.btn-primary:hover,
.button-primary:hover,
.button-primary:active,
.button-primary.active,
.cta-link:hover,
.cta-link:active,
html .context-dark .button-default:hover {
  color: white;
  background-color: #a88f6b;
  border-color: #a88f6b;
}

.button-default:hover,
.button-default:active,
.button-default.active {
  color: white;
  background-color: #003764;
  border-color: #003764;
}

.button-alternate,
.btn-alternate {
  background-color: transparent;
  border-color: #fff;
  color: #fff !important;
}

.button-alternate:hover,
.button-alternate:active,
.button-alternate.active,
.btn-alternate:hover,
.btn-alternate:active,
.btn-alternate.active {
  background-color: #fff;
  border-color: #fff;
  color: #003764 !important;
}

.button-alternate-light,
.btn-alternate-light {
  background-color: #fff;
  border-color: #003764 !important;
  color: #003764 !important;
}

.button-alternate-light:hover,
.button-alternate-light:active,
.button-alternate-light.active,
.btn-alternate-light:hover,
.btn-alternate-light:active,
.btn-alternate-light.active {
  background-color: #a88f6b !important;
  border-color: #a88f6b !important;
  color: #fff !important;
}

/*---Page Header Styles---*/
.bg-photo {
  height: auto;
  background-repeat: no-repeat;
  background-position-y: top;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .bg-photo {
    height: 200px;
  }
}

@media (min-width: 992px) {
  .bg-photo {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .bg-photo {
    height: 400px;
  }
}

/*--Card Styles --*/
.card {
  margin-top: 25px;
}

.card.height-match {
  height: 100%;
}

.card-corporate .card-title a.collapsed {
  color: #003764;
}

.card-corporate .card-arrow::before,
.card-corporate .card-arrow::after {
  color: #003764;
}

.spotlightBox .card {
  max-width: 230px;
  margin: 20px auto 5px;
}

.card.ArticleTeaser {
  padding: 10px;
}

.card.ArticleTeaser img,
.card.ArticleTeaser .card-body,
.card.ArticleTeaser .ArticleTeaserDate {
  width: 100%;
  max-width: 300px;
  margin: 15px auto 5px;
  display: block;
  padding: 0 10px;
}

.card.ArticleTeaser .ArticleTeaserDate {
  color: #888888;
  font-style: italic;
}

.card-body {
  padding: 20px;
}

/*--Read-More/Text Dropdown--*/
.text-dropdown .read-more {
  cursor: pointer;
}

.text-dropdown.open .read-more {
  display: none;
}

.text-dropdown .hidden-content {
  display: none;
}

.text-dropdown.open .hidden-content {
  display: inline;
}

.text-dropdown .read-less {
  display: none;
}

.text-dropdown.open .read-less {
  display: inline;
  text-decoration: none;
  color: #003764;
  cursor: pointer;
}

.text-dropdown {
  text-align: left !important;
}

/*--Modal Styles --*/
.modal-content {
  background-color: white;
  padding: 10px 30px;
}

.modal-dialog .close {
  color: #222222;
}

/*---Well Padding----*/
.well-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.well-md {
  padding-top: 25px;
  padding-bottom: 25px;
}

.well-lg {
  padding: 45px 15px 45px 15px;
}

/*----Mentor Page Styles----*/
.infograph {
  background-color: rgba(181, 156, 120, 0.1);
  border-radius: 10px;
  border-top: #A88F6B solid 10px;
  border-bottom: #A88F6B solid 10px;
  padding: 20px;
}

.infograph-header h4 {
  border-radius: 10px;
  display: inline;
  margin-left: 20px;
}

.infograph-section {
  border-left: 2px solid #A88F6B;
  padding: 10px 0px 10px 40px;
  margin: 5px 10px;
}

/*-----Icon Styles-------*/
.circle-icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 15px;
  font-size: 14pt;
}

.card .icon-circle,
.icon-circle {
  width: 80px;
  height: 80px;
  margin-top: -35px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #003764;
  color: #fff;
}

/*----Image Styles-----*/
.dark-overlay {
  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 55%);
}

.blue-overlay {
  box-shadow: inset 0 0 0 2000px rgb(0 55 100 / 80%);
}

.tan-overlay {
  box-shadow: inset 0 0 0 2000px rgb(168 138 105 / 45%);
}

/* Youtube Video Embeds */

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: .24em;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Add some content at the bottom of the video/page */
.video-hero-content {
  position: absolute;
  bottom: 0;
  padding-top: 100px !important;
}

html .context-dark .button-primary,
html .swiper-slide-caption .button-primary,
html .navbar-inverse .button-primary,
html .context-dark .button-primary:focus,
html .swiper-slide-caption .button-primary:focus,
html .navbar-inverse .button-primary:focus {
  background-color: #003764;
  border-color: #003764;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

#carousel {
  background-color: #e5dfd5;
  margin-top: 75px;
  padding: 75px;
}

#carouselContent {
  max-width: 900px;
}

.post-vacation-body {
  background-color: #E5DFD5;
}

.post-vacation-title {
  color: #2f2f2f;
}



/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */

.post-vacation .post-vacation-title {
  color: #2f2f2f;
  font-weight: 700;
}

.rights {
  font-size: 13px !important;
  font-weight: bold;
}


.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-center.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-dropdown {
  margin-top: 27px;
  z-index: 2;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-center.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-default.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-center.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu {
  background: #003764;
}

.hidden-desktop {
  display: none;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap {
  box-shadow: 0 0px 10px 0 rgb(67 67 69 / 35%);
}

.border-radius {
  border-radius: 10px;
  overflow: hidden;
}

.page-title {
  background-color: #E5DFD5;
  padding-top: 20px;
  padding: 25px;
}

.rd-navbar-wrap {
  margin-bottom: 1px;
}

.news-title {
  padding: 10px;
  font-size: 20px;
  color: #003764;
  margin-right: 0px;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle span,
.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-toggle span,
.rd-navbar-center.rd-navbar-fixed .rd-navbar-toggle span,
.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-toggle span,
.rd-navbar-humburger-menu.rd-navbar-fixed .rd-navbar-toggle span {
  color: #003764;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-top-panel-toggle span,
.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-top-panel-toggle span,
.rd-navbar-center.rd-navbar-fixed .rd-navbar-top-panel-toggle span,
.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-top-panel-toggle span,
.rd-navbar-humburger-menu.rd-navbar-fixed .rd-navbar-top-panel-toggle span {
  color: #a88f6b;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-top-panel a:hover,
.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-top-panel a:hover,
.rd-navbar-center.rd-navbar-fixed .rd-navbar-top-panel a:hover,
.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-top-panel a:hover,
.rd-navbar-humburger-menu.rd-navbar-fixed .rd-navbar-top-panel a:hover {
  color: #003764;
}

.SliderTeaserSpotlight {
  max-width: 100% !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding-right: 20px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #003764;
}

#btnSubmitStory {
  text-align: left !important;
}

.divider {
  margin-left: 0 !important;
}

.arrow {
  font-size: 15px;
}

.form-label-outside,
.form-label-outside.focus,
.form-label-outside.auto-fill {
  transform: none;
  opacity: 1;
  font-size: 12pt;
}

.form-row {
  margin-bottom: 10px;
}

.select-dropdown {
  display: inline-block;
  position: relative;
  width: 100%;
}

.select-dropdown::after {
  content: '';
  right: 24px;
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%) rotate(-135deg);
  border-left: 2px solid #555555;
  border-top: 2px solid #555555;
  width: 7px;
  height: 7px;
  margin-top: -2px;
  pointer-events: none;
}

/*---Footer Styles---*/
.lower-footer {
  background-color: #a88f6b;
  color: white;

  padding: 5px;
}

footer {
  text-align: left;
  box-shadow: 0 0px 10px 0 rgb(67 67 69 / 35%);
}

.footer-icons a:hover,
footer a:hover {
  color: #003764 !important;
}

@media print {
  .no-print {
    display: none;
  }
}

/*----Media Queries/Screen Sizes-----*/
@media (max-width: 767px) {
  .bg-vide {
    background-image: url("https://static.pcci.edu/PCC/Images/alumni/bgvide.png");
    background-color: #003764;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .video-hero-content {
    position: relative;
    padding-top: 100px !important;
  }

  #video-hero {
    display: none;
  }

  .section-xl {
    padding: 40px 0 20px;
  }

  .mobile {
    background-image: url("//static.pcci.edu/PCC/Images/alumni/SunsetPhotoMobile.jpg");
  }

  h1,
  .h1 {
    font-size: 50px;
  }
}

@media (min-width: 768px) {
  .well-sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .well-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .well-lg {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  h2,
  .h2 {
    font-family: 'Aleo', serif;
    line-height: 1.5;
    font-size: 40px;
    text-align: left;
  }
}

@media (min-width:640px) {
  .infograph-header h4 {
    margin-left: 20px;
  }

  .infograph-section {
    padding: 20px 0px 20px 70px;
    margin: 5px 00px 5px 50px;
  }

  .announcement-banner .close {
    font-size: 12pt;
  }
}

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

  .rd-navbar-default.rd-navbar-fixed .panel-title,
  .rd-navbar-transparent.rd-navbar-fixed .panel-title,
  .rd-navbar-center.rd-navbar-fixed .panel-title,
  .rd-navbar-minimal.rd-navbar-fixed .panel-title,
  .rd-navbar-humburger-menu.rd-navbar-fixed .panel-title {
    height: 4vh;
    width: auto;
    padding-top: 10px;
  }

  .hidden-desktop {
    display: block;
  }
}

@media only screen and (max-width: 1000px) {
  .news-title {
    font-size: 15px;
  }

  .rd-navbar-default.rd-navbar-fixed,
  .rd-navbar-transparent.rd-navbar-fixed,
  .rd-navbar-center.rd-navbar-fixed,
  .rd-navbar-minimal.rd-navbar-fixed,
  .rd-navbar-humburger-menu.rd-navbar-fixed,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-panel,
  .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel,
  .rd-navbar-center.rd-navbar-fixed .rd-navbar-panel,
  .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-panel,
  .rd-navbar-humburger-menu.rd-navbar-fixed .rd-navbar-panel {
    height: 56px;
  }

  .rd-navbar-default.rd-navbar-fixed .panel-title {
    width: 175px;
    height: auto;
    padding-top: 14px;
  }
}

@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

@media (min-width: 992px) {
  .rd-navbar-top-panel a {
    color: #fff !important;
  }

  .rd-navbar-top-panel a:hover {
    opacity: .5;
  }

  .announcement-banner p,
  .announcement-banner a {
    font-size: 12pt;
  }

  .btn-small {
    padding: 15px 27px !important;
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 1800px) {
  .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand img {
    height: 100%;
    width: 250px;
  }
}