/* Site CSS */





/* Banner Pictuers */
/* Banner Pictuers */
#hero {
    height:400px;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    background: transparent url(../img/duck-pond.jpg) center bottom no-repeat; 
    background-size:cover;
}







#alumni #hero { background-image:url(../img/hodgin-hall.jpg); background-position: right bottom;  }
#library #hero { background-image:url(../img/library.jpg);}
#research #hero { background-image: url(../img/research2.jpg);  }
#welcome #hero { background-image: url(../img/welcome.jpg);  }
#applynew #header { background-image: url(../img/student-under-greens.jpg); background-position: right bottom;  }
#about #hero { background-image: url(../img/about.jpg);  }
#museums #hero { background-image: url(../img/museums.jpg);  }
#travel #hero { background-image: url(../img/travel.jpg);  }
#parking #hero { background-image: url(../img/parking.jpg);  }
#places #hero { background-image: url(../img/places.jpg);  }
#programs #hero { background-image: url(../img/programs.jpg);  }
#mission #hero { background-image: url(../img/mission.jpg);  }
#parents #hero { background-image:url(../img/parents.jpg);}
#arts #hero { background-image:url(../img/arts-banner.jpg) ;  }
/* may not be in use 
#hero{ background: transparent url(../img/duck-pond.jpg) center 75% no-repeat;  }
#students #hero { background: transparent url(../img/student-under-greens.jpg) 50% 100% no-repeat;  }

*/



#academics #hero {
    background: transparent url(../img/student-in-classroom.jpg) 50% 40% no-repeat;
    background-size: cover;
    height:400px;
}



.callout {
    padding: 5px 15px;
    margin-bottom: 30px;
}


/* Override homepage layout */
#home #main, #home #main #primary , #home #main #secondary, #home #main #tertiary {padding:0px; position:relative;}
#home #main > .layout > .row {
    margin: 0;
}
#home #hero {height:auto; background-image:none;}

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

#home #breadcrumbs {
    margin-top: 0;
}


 #nav,  #main-nav { background-color:#333;}
 #main-nav a {
    padding: 7px;
    display: inline-block;
    font-size: 1.1em;
    color: #fff;
    width: 100%;
}
 #main-nav a:hover, #main-nav a:focus {
    color: #ba0c2f;
}


#top-nav a.active, #main-nav a.active {
    background-color: #fff;
    color: #ba0c2f;
}


#individuals-together {
    background-color:#ba0c2f; color:#fff;
    padding-top: 30px;
    padding-top: 30px;
    background: #ba0c2f url(../img/hodgin-hall.png) bottom left no-repeat;
}
#individuals-together a:hover {
    text-decoration: none;
}



/* Homepage Top Nav */

 #header {
    padding: 0;
    background-color: rgba(51, 51, 51,.8);
    position: absolute;
    /* padding-top: 25px; */
    width: 100%;
    top: 32px;
    z-index: 1;
}


 #top-nav a {
    color: #fff;
    padding: 8px 15px;
}
#top-nav a:hover, #top-nav a:focus {
    color: #ba0c2f;
}
#mobile-menu #top-nav {
    background-color: #333;
    text-align: center;
}

#mobile-menu.in {
    max-width:100%;
}


/* Homepage News & Events */

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

  
}

.eventitem {
       float: left;
    background-color:#fff; 
    width:100%;
    
}
.newsitem:nth-child(3n) {
    background: #ba0c2f;
    color: #fff;
}
.newsitem:nth-child(3n+1) {
    background-color: #f6f6f6;
}

.newsitem:nth-child(3n) a {
    color: #fff;
}


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

.newstext{
    padding: 0 20px;
    height: 125px;
}
.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%}
    }

#newsslider {
    background: #ba0c2f;
    background: linear-gradient(90deg, #ba0c2f 50%, #fff 50%);
}

#newsslider h2 {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    z-index: 0;
    position: relative;
    width: 100%;
}

#newsslider h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg,#ba0c2f 60%,#ffffff 60%);
    z-index: -1;
}

#newsslider .row.multicarousel {
    border-top: 3px solid #ba0c2f;
}


#eventsslider {
    background: #5e5d60;
    background: linear-gradient(90deg, #5e5d60 50%, #fff 50%);
}

#eventsslider h2 {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    z-index: 0;
    position: relative;
    width: 100%;
}

#eventsslider h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg,#5e5d60 65%,#fff 65%);
    z-index: -1;
}

#eventsslider .row.multicarousel {
    border-top: 3px solid #5e5d60;
}

.newssites.btn-group {
    vertical-align: top;
    padding: 12px 0;
}


#bythenumbers-header {
    background: #fff;
    background: linear-gradient(90deg, #fff 50%, #ba0c2f 50%);
}

#bythenumbers-header h2 {
    margin: 0;
    padding: 10px 0;
    color: initial;
    z-index: 0;
    position: relative;
    width: 100%;
}

#bythenumbers-header h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(45deg,#fff 85%,#ba0c2f 85%);
    z-index: -1;
}



/* Homepage Feature Carousel */

#home .carousel-caption {
    position: absolute;
    bottom: 100px;
    left:auto;
    right:100px;
    text-align:left;
    z-index: 10;
    color: #ffffff;
    background-color: #ba0c2f;
    background-color: rgba(193,0,55,.85);
    border: 2px solid #fff;
    padding: 20px;
    max-width: 40%;
}


#home .item {
    max-height: 600px;
}

@media (min-width:1600px) {
    #home .item {
        max-height: 800px;
    }
}

@media (max-width: 992px) {
    #home .carousel-caption {
        position:relative;
        left:0;
        top:0;
        bottom:0;
        right:0;
        max-width:100%;                                        
        width:100%;border:0;
        background-color:#ba0c2f;
        border-bottom:2px solid #fff;
        height:200px;
    }
    
    #home .item {max-height:none;}
    
    #homepage-carousel .carousel-control .fa {
    position: absolute;
    top: 30%;
    left: 25%;
    right: 25%;
}
    
    
}

@media (max-width: 768px) {

        #home .carousel-caption {
         height:300px;   
        }
        
            #home .carousel-caption  h1 {
                font-size:26px;
            }
        
        
}

@media (max-width:380px) {   
    .navbar-unm .navbar-brand {max-width:100%; left:0;}    
}

/* end homepage carousel */


.carousel .item video {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}

// arai fix for focus
.carousel-control .fa:focus {
    outline: 1px dotted white;
}

#promos {text-align:center;}

#location { background:#fff url(../img/sandias.jpg) center center no-repeat; background-attachment:fixed; background-size:cover; color:#fff; border-radius: 0;margin-bottom:0;}

.location-weather {
    text-align:center;
}
.location-weather p {
    font-size: 14px;
}
.location-weather img {
    width: 40px;
        margin: auto;
}

.location-weather .datastat {
    font-size: 2em;
    color: #fff;
}


div#unmdata {
    padding: 0;
    background: #fff url(../img/yucca.jpg) bottom left no-repeat;
}


/* UNM By the Numbers */


.stat {border-bottom:1px solid #f2f2f2; padding-top:2px; padding-bottom:20px; margin-bottom:22px; font-weight:bold;}
.stat:last-child {border:0}

.datastat, .datatext,.dataicon {
display:inline-block;
  }

.datastat {
    font-size: 3em;
    padding-right: 5px;
    line-height: 1;
    font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
    color:#ba0c2f;
}
.dataicon {font-size:2.5em; line-height:1;
 padding-left: 5px;
}
.dataicon {
    color: #aaa;
}

/* carousel controls */

#home .carousel-control {
    width: 100px;
    z-index:99;
}
.multicarousel .carousel-control.left, .multicarousel .carousel-control.right {
    width: auto;
    background-image: none;
    background-image: none;
    top: 40%;
    bottom: inherit;
}

#social-wall {    background: #fff url(../img/students.jpg) top center no-repeat;
    font-size: 3em;
    text-align: center;
    padding-top: 200px;
    padding-bottom: 30px;}
#social-wall p {
    font-size: 15px;
}
h1.referral {
    display: none !important;
}

.post-overlay.juicer-feed a.juicer-button, .juicer-feed .j-paginate {
    border-color: #ba0c2f !important;
    color: #ba0c2f !important;
}
.post-overlay.juicer-feed a.juicer-button:hover, .juicer-feed .j-paginate:hover {
    color: #fff !important;
    background-color: #ba0c2f !important;
}
.juicer-feed a:hover {
    color: #ba0c2f !important;
}
.juicer-feed .j-message a {
    color: #ba0c2f;
    font-weight: normal !important;
}
.juicer-feed .j-message a:hover, .juicer-feed .j-message a:focus, .juicer-feed a:hover, .juicer-feed a:focus {
    text-decoration:underline !important;;
}
.juicer-feed .j-meta a {
    color: #999 !important;
}


.aspect 
{
  display:block;
  width:100%;
  overflow:hidden;
  position: relative;
  height: 0;
  padding-top: 51.5%;
}

.aspect img {
    display: block;
    min-width: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}

#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 .fa {
    color: silver;
}
.toolbarlink a:hover .fa {
    color: #333;
}


/*  THE PACK */

#thepack .item  img {
    width: auto;
    padding: 0px;
    transition: all 1s;
    display:block;
    margin:auto;
    max-width:110px;
    border-bottom: 2px solid #5e5d60;
}

#thepack .item {
    margin-top:10px;
}

#lobolife img {
    border-top: 4px solid #ba0c2f;
}


/*  UNM Proud */

#unmproud .profile {
    text-align: center;
    border: 1px solid #a7a8aa;
     border-top: 4px solid #63666a;
    background-color: #fff;
}

#unmproud img.avatar-pic {
    text-align: center;    
    padding: 0;

}


#unmproud .profile .info {
    padding: 0 20px;
   
}
a.unmproud-link {
    display: block;
}


.calendar-item {
    border-top: 1px solid #f6f6f6;
    padding: 5px 0;
        clear: left;
    overflow: auto;
}
time.calendar-date {
    background-color: #5e5d60;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 1;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
    float:left;
}

.tool-bar {
    padding: 20px 0px;
    background-color: #eee;
}
/***** administration *****/
#administration #main .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
@media (min-width: 992px) {
    #administration #main {
     
     background-image: transparent;
     min-height: 700px;
    }
}


/***** arts *****/
#arts #upper .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
#arts #upper {
    background-color: #eee;
}
#arts #main {
     background: #fff url("../../arts/arts-bkgrd.jpg") bottom right no-repeat;
     background-image: transparent;
          min-height: 700px;
}

/***** alumni and donors *****/
#alumni #upper {
    background-color: #eee;
    padding: 20px 0 20px 0;
        background: #eee url(/www/assets/img/map.png) center center no-repeat;
    background-size: contain;
}
#alumni #upper .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}


/***** academics *****/
#academics #upper {
    background-color: #fff;
    padding: 20px 0;
}

#academics #main > .container {
    width: 100%;
    padding: 0;
}
#academics #breadcrumbs {
    display: none;
}
#academics #stats{
    padding: 20px 0;
    color: #fff;
        margin-bottom: 30px;
    background: #ba0c2f url(../../academics/academics-stats-bkgrd.png) bottom left no-repeat;
    background-size: contain;
}
#academics .stat {
    padding-top: 20px;
    margin-bottom: 0;
}
#academics #stats span.datastat {
    color: #333;
}

.academic-space {
    padding-bottom: 30px;
}
.academics-banner {
    color: #fff;
    margin-top: 12.5%;
    float: right;
    max-width: 50%;
    background-color: rgba(193,0,55,0.2);
}
#academics #secondary {
    background-color: #eee;
}
#academics .academic-icon a {
    color: #eee;
}
a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #fff;
    background-color: #ba0c2f;
}
/***** current students *****/

#current-students #upper {
    background-color: #eee;
}
#current-students #breadcrumbs .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
#current-students #breadcrumbs {
    font-size: initial;
}
#current-students #primary {
    background-color: #94002a;
    color: #fff;
}
#current-students #primary a {
    color: #fff;
}
.current-marketing {
    padding: 30px 0px;
}
@media (min-width: 992px) {
    #current-students #main {
     background: #fff url("../../current-students/current-get-involved.jpg") bottom center no-repeat;
     background-image: transparent;
     min-height: 700px;
    }
}

/***** future students *****/
#future-students #primary .jumbotron {
    background-color: #fff;
    padding: 0px;
    margin-top: 0px;
}
#future-students #upper {
    background-color: #eee;
}
@media (min-width: 992px) {
    #future-students #primary {
     background: #fff url("../../future-students/future-students-bkgrd.png") bottom center no-repeat;
     background-image: transparent;
     min-height: 700px;
    }
}
#future-students #secondary {
     background: #eee;
     min-height: 100px;
     margin-bottom: 20px;
     padding: 30px;
}

/***** campus life *****/
#campus-life #upper .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
#campus-life #main {
     background: #fff url("../../campus-life/campus-life-bkgrd.jpg") bottom right no-repeat;
     background-image: transparent;
     min-height: 460px;
     padding: 20px 0px 0px 20px;
}
#campus-life #breadcrumbs {
     background-color: #620c69;
     color: #fff;
}
#campus-life #breadcrumbs a {
     color: #daa733;
}
#campus-life #breadcrumbs {
     background: #620c69 url("../../campus-life/campus-life-arts-bkgrd.png") bottom left no-repeat;
     background-image: transparent;
     min-height: 400px;
     padding: 0px 0px 0px 20px;
}
#campus-life #breadcrumbs .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
    color: #fff;
    text-align: left;
}
.arts-container {
    padding-top: 30px;
}
#campus-life #lower {
     background-color: #6b6b6b;
     color: #fff;
     padding: 30px 0px;
}
#campus-life #lower a {
     color: #fff;
}

/***** faculty and staff *****/
#faculty-staff #primary .jumbotron {
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
@media (min-width: 992px) {
    #faculty-staff #primary {
     background: #fff url("../../faculty-and-staff/faculty-staff-bkgrd.png") bottom right no-repeat;
     background-image: transparent;
     min-height: 400px;
    }
}
#faculty-staff #secondary {
    border-top: #777d12 20px solid;
    background-color: rgba(160,178,34,0.3);
    padding: 20px;
}

/***** libraries *****/
#library #main {
     background: #fff url("../../libraries/library-background.png") bottom center no-repeat;
     background-image: transparent;
    min-height: 700px;
}
.lib-section {border-bottom: dotted 1px #ba0c2f; padding-bottom: 8px;}

/***** New Apply Page  *****/
#applynew #header {display:none;}

#applynew #hero {
    color: #fff;
    font-size: 3em;
    background: transparent url(../img/student-under-greens.jpg) right bottom no-repeat;
    background-size: cover;
    position: relative;
    height: 600px;
}





#applynew #upper {
    background: #f6f6f6;
    /* border-bottom: 1px solid silver; */
}


div#applyintro {
    background-color: #ba0c2f;
    opacity: .85;
    position: absolute;
    bottom: 30px;
    width: 100%;
    padding: 10px 0;
}


#apptypes li {
    font-size: 1.25em;
    font-weight: bold;
}


#apptypes li.active a {
    background-color: #ba0c2f;
    color: #fff;
    border-radius: 0;
}

.apply-process {
    margin-top: 30px;
    font-size: 1.15em;
    border-left: 1px solid silver;
    padding: 30px;
}

#mail-application {
    background: #f4f4f4 url('../../apply/images/mailbox.jpg') bottom right no-repeat;
}

#mail-application .btn {
    white-space: initial;
}

.bubble {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    border: 1px solid silver;
    padding: 0 10px 0 10px;
    margin-top: 10px;
}

.bubble:before {
    position: absolute;
    content: " ";
    border-style: solid;
    left: -22px;
    border-width: 10px 20px 10px 0;
    border-color: transparent silver;
    top: 30%;
}
.bubble:after {
    position: absolute;
    content: " ";
    left: -20px;
    border-width: 10px 20px 10px 0;
    border-color: transparent #fff;
    top: 30%;
    border-style: solid;
}

.bubble.bubble-left:before {
    border-width: 10px 0 10px 20px;
    right: -22px;
    left: auto;
}
.bubble-left.bubble:after {
    border-width: 10px 0 10px 20px;
    right: -20px;
    left: auto;
}



@media (max-width: 992px) {
.navbar-unm .container {
    width: 100%;
}

.navbar-unm .nav>li>a {
    padding: 4px 10px;
}

#top-nav a {
    color: #fff;
    padding: 8px 10px;
}
#unm_search_form input { width:80px;}

}