@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Montserrat:400,700";
/*
@mixin mobile {
    @media only screen and (max-width: $S) { @content; }
}

@mixin tablet {
    @media only screen and (min-width: $M) and (max-width: 1023px) { @content; }
}

@mixin all_mobile {
    @media only screen and (max-width: 425px) { @content; }
}

// super light grid - it works with the .cd-container class inside style.scss

@mixin column($percentage, $float-direction:left) {
width: 100% * $percentage;
float: $float-direction;
}*/
.main-container {
  background-image: url("../images/about-dlsu/about-us-bg.jpg"); }
  @media only screen and (min-width: 568px) {
    .main-container {
      background-position: center -8rem; } }
  @media only screen and (min-width: 768px) {
    .main-container {
      background-position: center -13rem; } }
  @media only screen and (min-width: 1366px) {
    .main-container {
      background-position: center -18rem; } }
  @media only screen and (min-width: 1920px) {
    .main-container {
      background-position: center -30rem; } }

#dlsu-facts-figures .figure-item {
  display: block;
  width: 100%;
  height: 200px;
  position: relative;
  top: 0;
  background: #fff;
  overflow: hidden;
  padding: 3rem 0;
  z-index: 9;
  opacity: 0;
  margin: 1rem 0;
  border-radius: 7px; }
  #dlsu-facts-figures .figure-item .figure-caption {
    text-align: center; }
  #dlsu-facts-figures .figure-item i, #dlsu-facts-figures .figure-item h3 {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #dlsu-facts-figures .figure-item:hover, #dlsu-facts-figures .figure-item:focus {
    text-decoration: none; }
    #dlsu-facts-figures .figure-item:hover i, #dlsu-facts-figures .figure-item:hover h3, #dlsu-facts-figures .figure-item:focus i, #dlsu-facts-figures .figure-item:focus h3 {
      color: #8cc63f; }
    @media only screen and (min-width: 1366px) {
      #dlsu-facts-figures .figure-item:hover, #dlsu-facts-figures .figure-item:focus {
        -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
        top: -15px; } }
  @media only screen and (min-width: 1024px) {
    #dlsu-facts-figures .figure-item {
      margin: 0; } }

.section-one .figure-item {
  border: 2px solid rgba(0, 113, 61, 0.2); }
  .section-one .figure-item:hover {
    border: 2px solid rgba(0, 113, 61, 0.8); }

.section-two h3, .section-two .fa, .section-two .figure-caption {
  color: #00713d; }

.identify {
  padding: 3rem 1rem; }

/*# sourceMappingURL=facts-and-figures.css.map */