/* Site CSS */

/*GENERAL*/
.mb-20 {margin-bottom:20px;}

/*HEADER AND HERO */
#header {
    padding: 30px 0 10px 0;
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255,.5);
}

#hero {
    background: url(../../assets/img/banners/capital-space-and-planning-home-banner.jpg) center center no-repeat;
	background-size: cover;
    height: 450px;
}

#capital-planning #hero {
    background: url(../../assets/img/banners/capital-planning-banner.jpg) center center no-repeat;
    background-size: cover;
}

#campus-maps #hero {
    background: url(../../assets/img/banners/campus-maps-banner.jpg) center center no-repeat;
    background-size: cover;
}

#space-policies #hero {
    background: url(../../assets/img/banners/space-policies-banner.jpg) center center no-repeat;
    background-size: cover;
}

#about #hero {
    background: url(../../assets/img/banners/about-banner.jpg) center center no-repeat;
    background-size: cover;
}

#space-management #hero {
    background: url(../../assets/img/banners/space-management-banner.jpg) center center no-repeat;
    background-size: cover;
}

 #storage-rentals #hero {
	 background: url(../../assets/img/banners/storage-rentals-banner.jpg) center center no-repeat;
	 background-size: cover;
}

/*CALLOUTS*/
.callout {
    padding: 15px 100px 15px 15px;
    position: relative;
}
@media (max-width: 992px) {
    .callout {
    margin-bottom:20px;
}
}

.callout h2 {
    margin-top: 0;
}

.callout a {
    color: #fff;
}

.callout .fa {
    opacity: .5;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.callout:hover {
   cursor: pointer;
}

#space-management .callout {min-height:225px;}

#storage-rentals .callout, #home .callout{min-height:180px;}

/*FONTS*/
@font-face {
  font-family: 'unmicon-css';
  src:  url(' ../fonts/unmicon-css.eot?r08rab');
  src:  url(' ../fonts/unmicon-css.eot?r08rab#iefix') format('embedded-opentype'),
    url(' ../fonts/unmicon-css.ttf?r08rab') format('truetype'),
    url(' ../fonts/unmicon-css.woff?r08rab') format('woff'),
    url(' ../fonts/unmicon-css.svg?r08rab#unmicon-css') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="unmicon-"], [class*=" unmicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'unmicon-css' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.unmicon-location:before {
  content: "\e900";
}
.unmicon-laptop:before {
  content: "\e901";
}
.unmicon-upload:before {
  content: "\e902";
}
.unmicon-pages:before {
  content: "\e903";
}
.unmicon-refresh:before {
  content: "\e904";
}
.unmicon-files:before {
  content: "\e905";
}
.unmicon-document:before {
  content: "\e906";
}
.unmicon-two_documents:before {
  content: "\e907";
}
.unmicon-globe:before {
  content: "\e908";
}
.unmicon-security_shield:before {
  content: "\e909";
}
.unmicon-open_book:before {
  content: "\e90a";
}
.unmicon-open_lock:before {
  content: "\e90b";
}
.unmicon-light_bulb:before {
  content: "\e90c";
}

@media (min-width:767px) {
    /* Column clear fix */
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1),
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}


/*  Medium Desktop  */

@media (min-width:992px) {
    /* Column clear fix */
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1),
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}


/*  Large Desktop  */

@media (min-width:1200px) {
    /* Column clear fix */
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1),
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}