/* * Frequently used classes and styles. */
 img.p {
	 margin: 3px;
}
 .center {
	 text-align:center;
}
/* * Service catalog formatting... */
 h2.service-item {
	 border-top: 1px solid #c0c0c0;
}
 ol.columns {
	 columns: 2;
	 -webkit-columns: 2;
	 -moz-columns: 2;
}
/* Flexbox Styles */
 .flex-group {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 50px 60px;
}
/* * Highlight class */
 .highlight {
	 background-color: #ffff99;
	 margin: 2px;
}
/* * Social Media Fades */
 .asm-fade {
	 opacity: 1;
	 transition: opacity .25s ease-in-out;
	 -moz-transition: opacity .25s ease-in-out;
	 -webkit-transition: opacity .25s ease-in-out;
}
 .asm-fade:hover {
	 opacity: 0.8;
}
/* * CSS to keep our mega menu from falling off the screen. * We also hide the big image on mobile. * Thanks to Matt Carter at UNM Web Comm for this adjustment. */
 @media screen and (max-width: 767px) {
	 .stickynav {
		 display: inherit;
	}
	 #hero {
		 display: none;
	}
}
/* @media screen and (min-width: 767px) {
	 #secondary {
		 display: none;
	}
}
 */
/* * Faculty and staff listing styles... */
 .facstafflisting {
	 width: 400px;
	 padding: 5px 5px 5px 5px;
}
 .facstaffimg {
	 float:left;
	 padding-right: 10px;
}
 ul.faculty {
	 list-style-type: none;
	 margin: 0px;
	 padding: 0px;
}
 ul.faculty li {
	 list-style-type: none;
	 margin: 0px;
	 padding: 0px;
}
 .name {
	 font-size: medium;
}
 .faculty-contact-block {
	 height:272px;
	 border: solid 1px #ccc;
	 margin-bottom: 3px;
}
 .staff-contact-block {
	 margin-bottom: 3px;
}
/* * Upcoming boox on main page. */
 #featureoverlay {
	 background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	 bottom: 25px;
	 font-weight: bold;
	 height: 75px;
	 left: 20px;
	 line-height: 1.5em;
	 padding: 5px;
	 position: absolute;
	 width: 275px;
}
 .imageBox {
	 color: #fff;
	 padding: 0 10px 10px 0;
}
 .fade {
	 opacity: 1;
	 transition: opacity 0.25s ease-in-out 0s;
}
/* * Donate button on main page of Anderson. */
 .donate-anderson {
	 background-color:#007a86;
	 color:#ffffff;
	 font-weight: bold;
	 text-align: center;
	 padding: 10px 0px 1px 0px;
}
 a.donate-link:link, a.donate-link:active, a.donate-link:visited {
	/*background-color:#007a86;
	 */
	 color:#ffffff;
	 font-weight: bold;
	 text-align: center;
}
 a.donate-link:hover {
	/*background-color:#007a86;
	 */
	 color:#ffffff;
	 text-decoration:underline;
	 font-weight: bold;
	 text-align: center;
}
/* * Donate to a program on other domain pages. */
 .donate-anderson-cherry {
	 background-color:#c10037;
	 color:#ffffff;
	 font-weight: bold;
	 text-align: center;
	 padding: 10px 0px 1px 0px;
}
 a.donate-cherry-link:link, a.donate-cherry-link:active, a.donate-cherry-link:visited {
	 background-color:#c10037;
	 color:#ffffff;
	 font-weight: bold;
	 text-align: center;
}
 a.donate-cherry-link:hover {
	 background-color:#c10037;
	 color:#ffffff;
	 text-decoration:underline;
	 font-weight: bold;
	 text-align: center;
}
/* * Anderson Events Calendar Boxes */
 .eventItem {
	 width: 275px;
	 height: 120px;
	 padding-top: 2px;
	 padding-bottom: 2px;
	 list-style: none;
}
 .calendarBox {
	 width: 60px;
	 height: 70px;
	 float: left;
	 position: relative;
	 background-color: #c10037;
	 text-align: center;
	 color: #fff;
	 font-size: large;
	 line-height: 1.1em;
	 vertical-align: middle;
}
 .eventInfoBox {
	 width: 205px;
	 font-size: 0.90em;
	/* font-size: 8pt;
	 font-weight: bold;
	 */
	 height: inherit;
	 float: left;
	 position: relative;
	 padding-left: 5px;
	 vertical-align: middle;
}
 .mo {
	 display: block;
	 font-size: smaller;
	 font-style: italic;
}
 .dy {
	 display: block;
	 font-size: larger;
}
 .daySp {
	 display: block;
	 font-size: 0.75em;
	 font-style: italic;
}
 .eventtime {
	 display: block;
	 font-size: 0.6em;
	 font-style: italic;
}
/* Large banner image * Adjust the height to match height of image you want to use. */
 #home #hero {
	/*background-position: left center;
	 */
	 background-position: left bottom;
	 background-size: cover;
	 height: 300px;
}
 #jml #hero {
	 background: #fff url("//www.mgt.unm.edu/images/banner/banner-marketing-lab-1600x700.jpg") no-repeat scroll left top / cover ;
	 height: 700px;
}
 #assessment #hero {
	 background: #fff url("//www.mgt.unm.edu/images/banner/banner-jsc-bush-1600x300.jpg") no-repeat scroll left top / cover ;
	 height: 250px;
}
 #main-page #hero {
	 background: #fff url("//www.mgt.unm.edu/images/banner/mcm-s-1600x700.jpg") no-repeat scroll left top / cover ;
	 height: 700px;
}
 #export #hero {
	 background-position: left center;
	 height: 500px;
	 background: #fff url("//www.mgt.unm.edu/export-readiness/images/train-3491706_1280.jpg") no-repeat scroll left top / cover ;
}
 #wil #hero {
	 background-position: left center;
	 height: 300px;
	 background: #fff url("//www.mgt.unm.edu/images/banner/wil-potential-1600x300.jpg") no-repeat scroll left top / cover ;
}
/* Rules for web content brand. */
 .callout {
	 margin-bottom: 30px;
	 opacity: 1;
	 overflow: hidden;
	 padding: 20px;
}
/* Headline list style */
 ul.headlines-list {
	 list-style-type:none;
	 padding-left: 0px;
}
/* Need white text for links in the UNM brand boxes. */
 .unm-cherry a.linkItem:link, .unm-cherry a.linkItem:active, .unm-cherry a.linkItem:visited, .unm-blue a.linkItem:link, .unm-blue a.linkItem:active, .unm-blue a.linkItem:visited, .unm-green a.linkItem:link, .unm-green a.linkItem:active, .unm-green a.linkItem:visited, .unm-yellow a.linkItem:link, .unm-yellow a.linkItem:active, .unm-yellow a.linkItem:visited, .unm-gray a.linkItem:link, .unm-gray a.linkItem:active, .unm-gray a.linkItem:visited, .unm-lightgray a.linkItem:link, .unm-lightgray a.linkItem:active, .unm-lightgray a.linkItem:visited, .unm-purple a.linkItem:link, .unm-purple a.linkItem:active, .unm-purple a.linkItem:visited, .unm-blue a.linkItem:link, .unm-blue a.linkItem:active, .unm-blue a.linkItem:visited, .unm-orange a.linkItem:link, .unm-orange a.linkItem:active, .unm-orange a.linkItem:visited, .unm-teal a.linkItem:link, .unm-teal a.linkItem:active, .unm-teal a.linkItem:visited {
	 color: #ffffff;
}
/* Main page blocks where we specify height... */
 #featured, #quicklinks, #donors, #programs {
	 height: 225px;
}
/* Main page links for bulletin and other news sources */
 #misc-news {
	 padding-bottom: 10px;
}
/* Main page colored box adjustments. */
 .callout h3 {
	 margin-top: 3px;
}
/* ========================================================= */
/* Custom styles for fall deadline alert AEW 2023-05-22 exp 7-15-23 */
/* ========================================================= */
 #deadline-alert {
	 text-align:center;
	 line-height: 2.0;
	 font-size: 2.5rem;
	 font-weight: bold;
}
 @media screen and (max-width: 500px) {
	 #deadline-alert {
		 text-align: center;
		 line-height: 1.5;
		 font-size:2rem;
		 color:white;
		 background-color:#ba0c2f;
		 font-weight: bold;
		 padding: 5px;
	}
	 #deadline-alert a {
		 color: white;
	}
}

 /* Styles for disclosure element */
  
  details {
    position: relative;
    font-size: 1.5rem;
    list-style: none;
    margin-bottom: 0;
  }
  
  details summary { 
     position: relative;
    list-style: none;
    vertical-align: middle;
    padding: 10px 0 10px 0;
    display: list-item;
    cursor: pointer;
  }
  
  details summary > * {
    display: inline;
  } 
  
  details[open] summary {
    background-color:#ba0c2f;
    color:white;
    margin-bottom: 1.5em;
    padding: 5px 0 0 10px;
  }
  
 details h3, details h4 {
	 font-family:"Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 1.6rem;
}

  summary::-webkit-details-marker {
    display: none;
  }
  
  summary::before {
    content: '+';
    font-size: 2rem;
    color: #ba0c2f;
    padding-right:10px;
  }

  details[open] summary::before {
    content: "-";
    color: white;
    font-size: 2.5rem;
    padding-right:10px;

  }

/* ========================================================= */
/* Custom styles for Center for Responsible Entrepreneurship new page July 2023 AEW */
/* ========================================================= */
 :root {
	 --lobosilver: #a7a8aa;
	 --lobocherry: #ba0c2f;
	 --lobogray: #63666a;
	 --loboturq: #007a86;
	 --lobonoon: #ffc600;
	 --lobosunset: #ed8b00;
	 --loboterra: #c05131;
	 --lobomesa: #d6a461;
	 --lobochile: #a8aa19;
	 --lobodusk: #8a387c;
}
 .bg-1 {
	 background-color: var(--lobosilver);
	 color:white;
}
 .bg-2, .bg-2 a {
	 background-color: var(--lobocherry);
	 color:white;
}
 .bg-3, .bg-3 a {
	 background-color: var(--lobogray);
	 color:white;
}
 .bg-4 {
	 background-color: var(--loboturq);
	 color:white;
}
 .bg-5 {
	 background-color: var(--lobonoon);
	 color:white;
}
 .bg-6 {
	 background-color: var(--lobosunset);
	 color:white;
}
 .bg-7 {
	 background-color: var(--loboterra);
	 color:white;
}
 .bg-8 {
	 background-color: var(--lobomesa);
	 color:white;
}
 .bg-9 {
	 background-color: var(--lobochile);
	 color:white;
}
 .bg-10 {
	 background-color: var(--lobodusk);
	 color:white;
}
 .b-1 {
	 border: 1px solid var(--lobosilver);
}
 .b-4 {
	 border: 1px solid var(--loboturq);
}
 .b-10 {
	 border: 1px solid var(--lobodusk);
}
 main {
	 width: 100%;
}
 .cards {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
	 width: 100%;
}
 .card {
	 flex: 0 1 100%;
	 border-radius: 10px;
	 margin-right: 1%;
	 margin-bottom: 1%;
	 box-shadow: 2px 2px 5px var(--lobosilver);
}
 .card2 {
	 display:flex;
	 height: 100px;
	 flex: 0 1 100%;
	 border-radius: 10px;
	 justify-content: center;
	/* Align horizontal */
	 align-items: center;
	/* Align vertical */
	 margin-bottom: 1%;
}
 .mr {
	 margin-right: 1%;
}
 @media screen and (min-width: 640px) {
	 .card, .card2 {
		 flex: 0 1 48%;
	}
}
 @media screen and (min-width: 1000px) {
	 .card {
		 flex: 0 1 32%;
	}
}
 .card .text {
	 padding: 15px;
}
 .card img {
	 display: block;
	 border: 0;
	 width: 100%;
	 max-height: 150px;
	 object-fit: cover;
	 border-radius: 10px;
	 position: relative;
	 z-index: 1;
}
 .card .title {
	 font-size: 1.75rem;
	 text-align: center;
	 box-shadow: 2px 3px 5px var(--lobogray);
	 color: white;
	 padding: 20px;
	 min-height: 30px;
	 margin-top: -10px;
	 position: relative;
	 z-index: 99;
}
 .card2 .title a {
	 text-decoration: none;
	 color: white;
}
 .card2 .title {
	 text-align: center;
	 color: white;
	 font-size: 3rem;
	 min-height: 30px;
	 position: relative;
	 z-index: 99;
}
/* mobile first styling for hcard */
 .hcard {
	 border: 1px solid var(--lobosilver);
	 border-radius:10px;
	 box-shadow: 2px 3px 5px var(--lobogray);
	 width: 100%;
}
 .hcard .title {
	 display:flex;
	 justify-content: center;
	 align-items: center;
	 font-size: 3rem;
	 color: white;
	 min-height: 90px;
	 position: relative;
	 z-index: 99;
}
 .hcard .title a {
	 color: white;
	 text-decoration: none;
}
 .hcard img {
	 display: block;
	 border: 0;
	 border-radius: 10px 10px 0 0;
	 object-fit: cover;
	 position: relative;
}

/* ========================================================= */
/* Custom styles for Innovation Academy AEW */
/* ========================================================= */

 #ia-classes .row {
	 margin-bottom: .75em;
}
 #ia-classes p.title {
	 font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
	 color: var(--lobocherry);
	 font-size: 2.5rem;
	 font-weight: bold;
}
 #ia-business .card {
	 margin-top: 2%;
	 margin-bottom: 2%;
}
 #ia-programs .card {
	 margin:1%;
	 padding: 10px;
}
 @media screen and (min-width: 640px) {
	 #ia-programs .card {
		 flex: 0 1 48%;
	}
}
 @media screen and (min-width: 1000px) {
	 #ia-programs .card {
		 flex: 0 1 48%;
	}
}


#ia-programs div 
{margin-bottom: 5rem;}

/* makes titles all the same height and otherwise nice looking */
 #ia-business .card .title {
	 display:flex;
	 align-items:center;
	 justify-content: center;
	 overflow: hidden;
	 height: 80px;
	 border-radius: 10px 10px 0 0;
}
 #ia-business .card .title a {
	 text-decoration: none;
	 color: white;
}

/* ========================================================= */
/* Custom styles for Virtual Calming Room AEW */
/* ========================================================= */

 #vc-home a p.title {
	 font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
	;
	 color: var(--lobocherry);
	 font-size: 1.7rem;
	 font-weight: bold;
	 text-align: center;
}
 .iframe-container{
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.5%;
	 height: 0;
}
 .iframe-container iframe{
	 position: absolute;
	 top:0;
	 left: 0;
	 width: 80%;
	 height:80%;
}
 .vc-grid-item {
	 position: relative;
	 max-width:80%;
}
 .vc-grid-item .title {
	 position: absolute;
	 background-color: rgba(255,255,255,.8);
	 top: 0;
	 left: 0;
	 width: 100%;
	 margin: 0;
	 padding: 5px 10px;
	 font-size: 20px;
	 color: #ba0c2f;
}