/*!
 * Start Bootstrap - Creative v5.0.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */


 body,
 html {
   width: 100%;
   height: 100%
 }
 
 body {
   font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif
 }
 
 hr {
   max-width: 50px;
   border-width: 3px;
   border-color: #324b7e
 }
 
 hr.light {
   border-color: #fff
 }
 
 a {
   color: #3b75ec;
   -webkit-transition: all .2s;
   transition: all .2s
 }

 a .fa, 
 a .far, 
 a .fab,
 a .fas {
   color : #000;
 }
 
 a:hover {
   color: #324b7e
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
 }
 
 .bg-primary {
   background-color: #324b7e!important
 }
 
 .bg-dark {
   background-color: #212529!important
 }
 
 .text-faded {
   color: rgba(255, 255, 255, .7)
 }
 
 section {
   padding: 8rem 0
 }
 
 .section-heading {
   margin-top: 0
 }
 
 ::-moz-selection {
   color: #fff;
   background: #212529;
   text-shadow: none
 }
 
 ::selection {
   color: #fff;
   background: #212529;
   text-shadow: none
 }
 
 img::-moz-selection {
   color: #fff;
   background: 0 0
 }
 
 img::selection {
   color: #fff;
   background: 0 0
 }
 
 img::-moz-selection {
   color: #fff;
   background: 0 0
 }
 
 #mainNav {
   border-bottom: 1px solid rgba(33, 37, 41, .1);
   background-color: #fff;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   -webkit-transition: all .2s;
   transition: all .2s
 }
 
 #mainNav .navbar-brand {
   font-weight: 700;
   text-transform: uppercase;
   color: #324b7e;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
 }
 
 #mainNav .navbar-brand:focus,
 #mainNav .navbar-brand:hover {
   color: #324b7e
 }
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
   font-size: .9rem;
   font-weight: 700;
   text-transform: uppercase;
   color: #212529
 }
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
   color: #324b7e
 }
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
   color: #324b7e!important;
   background-color: transparent
 }
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {
   background-color: transparent
 }
 
 @media (min-width:992px) {
   #mainNav {
     border-color: transparent;
     background-color: transparent
   }
   #mainNav .navbar-brand {
     color: rgba(255, 255, 255, .7)
   }
   #mainNav .navbar-brand:focus,
   #mainNav .navbar-brand:hover {
     color: #fff
   }
   #mainNav .navbar-nav>li.nav-item>a.nav-link {
     padding: .5rem 1rem
   }
   #mainNav .navbar-nav>li.nav-item>a.nav-link,
   #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
     color: rgba(255, 255, 255, .7)
   }
   #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
   #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
     color: #fff
   }
   #mainNav.navbar-shrink {
     border-bottom: 1px solid rgba(33, 37, 41, .1);
     background-color: #fff
   }
   #mainNav.navbar-shrink .navbar-brand {
     color: #324b7e
   }
   #mainNav.navbar-shrink .navbar-brand:focus,
   #mainNav.navbar-shrink .navbar-brand:hover {
     color: #324b7e
   }
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
     color: #212529
   }
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
     color: #324b7e
   }
 }
 
 .masthead-bg {
    position:absolute;
    z-index:-1;
    background-image: url(/static/AlumniConnect/img/header.jpg);
    background-size: 100% 100%;
 }

 header.masthead {
   padding-top: 10rem;
   padding-bottom: calc(10rem - 56px);
   background-color: rgba(0,0,0,0.5);
   background-position: center center;
   background-size: cover;
 }
 
 header.masthead hr {
   margin-top: 30px;
   margin-bottom: 30px
 }
 
 header.masthead h1 {
   font-size: 2rem
 }
 
 header.masthead p {
   font-weight: 300
 }
 
 @media (min-width:768px) {
   header.masthead p {
     font-size: 1.15rem
   }
 }
 
 @media (min-width:992px) {
   header.masthead {
     height: 100vh;
     min-height: 650px;
     padding-top: 0;
     padding-bottom: 0
   }
   header.masthead h1 {
     font-size: 3rem
   }
 }
 
 @media (min-width:1200px) {
   header.masthead h1 {
     font-size: 4rem
   }
 }
 
 .service-box {
   max-width: 400px
 }

/* Shadow on hovering over service-box */
 .shadow-on-hover > div:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
 .portfolio-box {
   position: relative;
   display: block;
   max-width: 650px;
   margin: 0 auto
 }
 
 .portfolio-box .portfolio-box-caption {
   position: absolute;
   bottom: 0;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
   color: #fff;
   background: rgba(240, 95, 64, .9);
   -webkit-transition: all .2s;
   transition: all .2s
 }
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
   position: absolute;
   top: 50%;
   width: 100%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center
 }
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   padding: 0 15px;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
 }
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase
 }
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   font-size: 18px
 }
 
 .portfolio-box:hover .portfolio-box-caption {
   opacity: 1
 }
 
 .portfolio-box:focus {
   outline: 0
 }
 
 @media (min-width:768px) {
   .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
     font-size: 16px
   }
   .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
     font-size: 22px
   }
 }
 
 .text-primary {
   color: #324b7e!important
 }
 
 .btn {
   font-weight: 700;
   text-transform: uppercase;
   border: none;
   border-radius: 300px;
   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif
 }
 
 .btn-xl {
   padding: 1rem 2rem
 }
 
 .btn-primary {
   background-color: #324b7e;
   border-color: #324b7e
 }
 
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover {
   color: #fff;
   background-color: #324b7e!important
 }
 
 .btn-primary:active,
 .btn-primary:focus {
   -webkit-box-shadow: 0 0 0 .2rem rgba(240, 95, 64, .5)!important;
   box-shadow: 0 0 0 .2rem rgba(240, 95, 64, .5)!important
 }
 

 
 /* =============================================================================== */
 /* =============================================================================== */
 /* =============================================================================== */
 /* =============================================================================== */

.parallax {
  
    /* Set a specific height */
    min-height: 500px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .border-primary {
    border-color: #324b7e !important;
}
.font-open-sans{
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.year-card  {
  text-decoration: none !important;
  /*transition : all 0.5s;*/
}

.year-card :hover {
  color: black !important;
  /*text-shadow: 0 0 0 .2rem rgba(0,0,0, .5);*/
}

/*
.hover-zoomin a {
  display: block;
  position: relative;
  overflow: hidden;
}
*/
.hover-zoomin img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hover-zoomin:hover img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.card-body i {
  width: 20px;
  margin: auto;
}