/* Vincent's 2025 Styles */
.panel-body {
    padding: 40px !important;
}

 .panel-heading .accordion-toggle:after {
      content: "\f068";        
      float: right;
      font-family: FontAwesome;
    }
    
    .panel-group .panel {
    margin-bottom: 10px;
    border-radius: 0px !important;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
     padding: 20px 15px;
}
    
    .panel-heading .accordion-toggle.collapsed:after {
      content: "\f067";        /* FontAwesome “minus” when expanded */
    }
    .panel-heading {
         border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    }
    .panel-title > a {
      color: #ba0c2f;
      display: block;
      padding: 10px 15px;
      text-decoration: none;
    }
    .panel-body {
      padding: 15px;
    }

.module {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ),
    url(http://grad.unm.edu/prospective-students/images/nmtop.jpg);
  background-size: cover;
  width: 100%;
  height: 200px;
  position: relative;
  float: left;
  margin-bottom: 20px;
}

.mid h1 {
  color: white;
  margin: 0;
  position: relative;
  top: 35%;
  text-align: center;
}

.mid p {
  color: white;
  margin: 0;
  position: relative;
  top: 40%;
  text-align: center;
  font-size: 13px;
  letter-spacing: 2px;
}

#featured-rankings.row {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping on small screens */
}

#featured-rankings .col-md-3 {
  display: flex;
}

/* Flexbox inside the callout box for vertical centering */
.callout-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 15px;       /* Add some breathing room */
  width: 100%;
}

.callout-2 h2 {
    color: #fff;
}

.callout-2 a {
    color: #fff !important;
    font-weight: bold;
}

.callout {
    color: #fff;
    display: block;
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px;
    position: relative;
}

.callout-3 {
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}


#grad-new #lower {
    border-top: 0px solid #ccc;
}

.callout a, .callout-3 a {
    color: #fff;
}

.p-50 {padding-top: 50px; padding-bottom: 50px;}
.pt-50 {padding-top: 50px;}
.pt-40 {padding-top: 40px;}
.pt-30 {padding-top: 30px;}
.pt-20 {padding-top: 20px;}
.pb-50 {padding-bottom: 50px;}
 .pb-40 {
	padding-bottom: 40px;
}
 .pb-30 {
	padding-bottom: 30px;
}
 .pb-20 {
	padding-bottom: 20px;
}
.mb-20 {margin-bottom: 20px;}

#grad-new #upper {background-color: #ba0c2f !important;}

.video-text-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.video-text-row h2, .video-text-row p {
    color: #fff;
}

.video-text-row .text-side {
    display: flex;
    align-items: center;
    height: 100%;
}

.centered-text {
    width: 100%;
}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#grad-new #hero {
	 padding: 0;
}
#grad-new #hero {
	 position:relative;
	 background:url(../../common/images/ps-banner.jpg) center center no-repeat !important;
	 background-size:cover;
	 height: 532px;
}
#grad-new #heroimg-txt {
	 position: absolute;
	 bottom: 50px;
	 left: 50px;
	 color: #fff;
	 font-size: 3em;
	 line-height:1;
	 text-transform: uppercase;
	 background-color: #ba0c2f;
	 padding: 20px;
}

.row.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-row > .col-sm-4 {
    display: flex;
    flex-direction: column;
}

.card {

    color: white;
    padding: 30px !important;
    margin-bottom: 20px;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

        .card .fa {
            font-size: 36px;
            margin-bottom: 15px;
        }

        .card h3 {
            margin-top: 0;
            font-size: 20px;
            font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
            text-transform: uppercase;
        }

        .card p {
            font-size: 14px;
        }

/* ------- */

/* Site CSS */
#header {
     padding: 30px 0 10px 0;
     position: absolute;
     width: 100%;
     background-color: rgba(255,255,255,.75);
}
#hero {
     background:#ccc url(https://grad.unm.edu/common/images/site-hero.jpg) center center no-repeat;
     background-size:cover;
     padding-top: 325px;
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: silver;
  color: white;
}
.btn-block{
  padding: 15px;
  font-size: 18px;
  font-weight: medium;
  border-radius: 0px;
  letter-spacing: 2px;
  white-space: normal;
}

#secondary {
    display: none;
}

.table {
    padding: 15px;
    vertical-align: middle;
}

#mobile-menu {
    default: index
}