/*[class^="fa-"]:before, [class*=" fa-"]:before {
   font-family: FontAwesome !important; }*/

h2 small {color:#63666a;}


/* SAC CALLOUTS */

#homepage-callouts {
    margin-top:20px;
    padding-top:20px;
}

.coverphoto {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
}
.coverphoto h2 {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: rgba(255,255,255,.75);
    width: 100%;
    border-top: 2px solid #c10037;
    margin: 0;
    font-size:21px;
    font-weight:300;
}
.coverphoto a {
    /* color: #fff; */
    text-decoration: none;
}
.custom-btn {
    max-width: 50%;
    padding-left:25px;
    padding-right:25px;
}

/* CAROUSEL STYLES */

#home .alert {margin-top:20px;}

#home #hero {
    background-image: none; height: auto;}

#home .carousel-caption {
    background-color: rgba(193, 0, 55, 0.85);
    border: 2px solid #fff;
    bottom: 100px;
    color: #ffffff;
    left: auto;
    max-width: 40%;
    padding: 20px;
    position: absolute;
    right: 100px;
    text-align: left;
    z-index: 10;
}
#home .item {
    max-height: 600px;
}
@media (min-width: 1600px) {
#home .item {
    max-height: 800px;
}
}
@media (max-width: 992px) {
#home .carousel-caption {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #c10037;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    bottom: 0;
    min-height: 200px;
    left: 0;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

#homepage-carousel .carousel-control .fa {
    left: 25%;
    position: absolute;
    right: 25%;
    top: 30%;
}
}
@media (max-width: 768px) {
#home .carousel-caption {
    min-height: 200px;
}
#home .carousel-caption h1 {
    font-size: 26px;
}
}

#home .carousel-control {
    width: 100px;
    z-index: 99;
}

/* HOMEPAGE STYLE RESET START */

#home #main {padding:0; width:100%;}
#home #main > .container {
    width: 100%;
    padding: 0;
}

#home #c #primary, #home #c #secondary, #home #c #tertiary {padding:0 !important;}

#home #upper > .container {
    width: 100%;
    padding: 0;
}
#home #main > .container > .row {
    margin: 0;
}

/* END STYLE RESET */

/*#home #protected-classes {background:#007a86;color:#fff; padding-top:20px;}*/

/* Homepage News & Events */

.eventitem {
    float: left;
    background-color:#fff; 
    width:100%;
}

#multievents {
    border-bottom: 1px solid #63666a;
    border-top: 1px solid #63666a;
    margin-bottom:30px;
}

#multievents img.eventimg {
    width:150px; 
    float: left;
    margin-right: 10px;
    border-left: 1px solid silver;}

.eventtext {
    padding:10px 10px 0 0;
}

.eventtext p {margin:0;}

  /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .newsitem, .eventitem {width:100%}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .newsitem, .eventitem {width:50%}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .newsitem, .eventitem {width:33.3333%}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .newsitem, .eventitem {width:25%}
    }

#eventsslider {
    background: #fff url(../img/events-background.jpg) top center no-repeat;
    background-size:cover;
    border-top:#c10037 2px solid;
    border-bottom:#c10037 2px solid;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top:30px;
}

#eventsslider h2 {
    margin-bottom: 20px;
    font-size:36px;
    padding: 10px 0;
    color: #c10037;
    
}

.event-wrapper {border-bottom: 1px solid #cdcdcd; margin-bottom:20px;padding-bottom:20px;}

/* RESPONSIVE VIDEO FOR YOUTUBE */

.embed-responsive {margin-bottom:30px;}


/* SUB-SECTION HERO BANNERS */

#student-orgs #hero {
    background: transparent url(../img/homepage-banners/student-orgs-hero.jpg) center center no-repeat;
    background-size: cover;
    height:400px;
}

#student-government #hero {
    background: transparent url(../img/homepage-banners/student-government-hero.jpg) center center no-repeat;
    background-size: cover;
    height:400px;
}

#events #hero {
    background: transparent url(../img/homepage-banners/events-hero.jpg) center center no-repeat;
    background-size: cover;
    height:400px;
}

#about #hero {
    background: transparent url(../img/homepage-banners/about-hero.jpg) center center no-repeat;
    background-size: cover;
    height:400px;
}

/* TOOLBARS */
#student-orgs #lower {background-color: #63666a;}

#student-government #lower {background-color: #63666a;}

.tool-bar {
    padding: 20px 0px;
    background-color: #63666a;
}

#toolbar {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.toolbarlink:last-child {
    border-right: 0;
}
.toolbarlink {
    color: silver;
    text-align: center;
    border-right: 1px solid silver;
    min-height: 140px;
    padding-top: 10px;
    font-weight:bold;
}
.toolbarlink a, .toolbarlink a .fa {
    color: silver;
}
.toolbarlink a:hover, .toolbarlink a:hover .fa {
    color: #fff;
}

/* EVENTS SUB-SECTION */

.callout {
    margin-bottom:20px;
    padding: 15px 100px 15px 15px;
    position: relative;
    height: 150px;
}
@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;
}

/* JUICER STYLES */

.social-wrapper {margin-bottom:20px;padding-bottom: 30px;}

.social-wrapper h2 {
    font-size:36px;
    padding: 10px 0;
    color: #c10037;
}

.juicer-feed h1.referral a {display:none!important;}

li.juicer {display:none!important;}



/* STAFF PROFILES */

.staff-img {
    border: 5px solid #ba0c2f;
}

.panel-card {
    position: relative;
    border: none;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}

/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}

/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}