/* Site CSS */
 :root {
	/*Design Tokens*/
	/* Colors*/
	 --primary--lime: #34B233;
	 --primary--faded-black: #1C1E1C;
	 --secondary--dark-teal: #024E43;
	 --secondary--teal: #008566;
	 --secondary--unm-red: #D52B1E;
	 --secondary--unm-red-hover: #72071d;
	 --common--white: #ffffff;
	 --common-black: #000000;
	/* Update REM and global font size to 16px */
	 font-size: 18px;
	 font-weight: 500;
	 letter-spacing: 0.25px;
}
/* Global styles*/
 h6 {
	 font-size: 1rem;
}
 h1, h2, h3, h4, h5, h6 {
	 margin-top: 16px;
	 margin-bottom: 16px;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	 font-family: industry, sans-serif;
}
 body {
	 font-size: 1rem;
	 font-family: industry, sans-serif;
}
 p {
	 line-height: calc(1ex / 0.32);
	 margin-bottom: 16px;
}
 img {
	 object-fit: contain;
}
/* Dont change UNM font to industry */
 .navbar-unm, #footer {
	 font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
}
 .bold {
	 font-weight: 600;
}
 .primary--lime {
	 color: var(--primary--lime);
}
 .primary--faded-black {
	 color: var(--primary--faded-black);
}
 .common--white {
	 color: var(--common--white);
}
 .prominent {
	 border-bottom: 3px solid var(--primary--lime);
	 padding-bottom: 16px;
}
/* Link Styles*/
/* Only update ones that live in div#primary to avoid overriding UNM styles*/
/* Also exclude links with btn class*/
 div#primary a:not(.btn, .img-btn) {
	 color: var(--primary--lime);
}
 div#primary a:not(.btn, .img-btn):hover {
	 color: var(--secondary--teal);
}
 .darken {
	 opacity: 0.8;
}
/* Button Styles */
 .btn {
	 font-size: 1.125rem;
	 font-weight: 600;
	 padding:16px 32px;
	 border-radius: 0;
	 transition: all 100ms;
}
 .img-btn {
	 position: relative;
	 background-color: var(--common-black);
	 border-radius: 2px;
	 transition: scale 100ms;
}
 .img-btn:hover {
	 scale: 102.5%;
}
 .img-btn > span {
	 position: absolute;
	 width: 100%;
	 text-align: center;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 color: var(--common--white);
	 font-weight: 600;
	 font-size: 24px;
	 pointer-events: none;
	 padding: 0 24px;
}
 .img-btn > img {
	 opacity: 0.4;
	 border-radius: 2px;
}
 .img-btn > img:hover {
	 opacity: 0.8;
}
/* Button Styles - contained*/
 .btn-contained-primary-lime {
	 color: var(--common--white);
	 background-color: var(--primary--lime);
}
 .btn-contained-primary-lime:hover {
	 color: var(--common--white);
	 background-color: var(--primary--faded-black);
}
 .btn-contained-primary-lime:focus, .btn-contained-primary-lime:visited, .btn-contained-primary-lime:active {
	 color: var(--common--white);
}
 .btn-contained-primary-black {
	 color: var(--common--white);
	 background-color: var(--primary--faded-black);
}
 .btn-contained-primary-black:hover {
	 color: var(--common--white);
	 scale: 105%;
}
 .btn-contained-primary-black:focus, .btn-contained-primary-black:visited, .btn-contained-primary-black:active {
	 color: var(--common--white);
}
 .btn-contained-secondary-dark-teal {
	 color: var(--common--white);
	 background-color: var(--secondary--dark-teal);
}
 .btn-contained-secondary-dark-teal:hover {
	 color: var(--common--white);
	 background-color: var(--primary--faded-black);
}
 .btn-contained-secondary-dark-teal:focus, .btn-contained-secondary-dark-teal:visited, .btn-contained-secondary-dark-teal:active {
	 color: var(--common--white);
}
 .btn-contained-secondary-teal {
	 color: var(--common--white);
	 background-color: var(--secondary--teal);
}
 .btn-contained-secondary-teal:hover {
	 color: var(--common--white);
	 background-color: var(--secondary--dark-teal);
}
 .btn-contained-secondary-teal:focus, .btn-contained-secondary-teal:visited, .btn-contained-secondary-teal:active {
	 color: var(--common--white);
}
 .btn-contained-secondary-unm-red {
	 color: var(--common--white);
	 background-color: var(--secondary--unm-red);
}
 .btn-contained-secondary-unm-red:hover {
	 color: var(--common--white);
	 background-color: var(--secondary--unm-red-hover);
}
 .btn-contained-secondary-unm-red:focus, .btn-contained-secondary-unm-red:visited, .btn-contained-secondary-unm-red:active {
	 color: var(--common--white);
}
 .tall{
	 height: 100px;
	 padding: 10px;
	 font-size: 24px;
	 font-weight: bold;
	 color: #fff;
	 font-family: 'Cambria';
	 text-align: center;
	 vertical-align: middle;
}
 .color1 {
	 background-color: #94c13d;
}
 .color2 {
	 background-color: #4b9547;
}
 .color3 {
	 background-color: #43652f;
}
 .infoBox a {
	 text-decoration: none;
}
 .infoBox a:hover, a:visited, a:link, a:active {
	 text-decoration: none;
}
 .boxImg {
	 height: 80px;
	 opacity: .5;
}
 #header {
	 display: none;
}
 #home #header {
	 padding: 30px 0 0px 0px;
	 position: absolute;
	 width: 100%;
	 background-color: rgba(255,255,255,.5);
	 z-index: 50;
}
 .img-container {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 16px;
	 max-width: 1080px;
	 margin: auto;
	 padding: 24px;
}
 .info-box {
	 border-radius: 8px;
	 background-color: #e9e9e9;
	 max-width: 750px;
	 padding: 16px;
	 margin: auto;
}
/* Hero Video Classes */
 #home-hero-video video {
	 opacity: 0.8;
}
 .hero-video {
	 overflow: hidden;
	 background-color: var(--primary--faded-black);
	 position: relative;
}
 .hero-video video, .hero-image img {
     /* Removed because it was clipping the video, leaving incase we change our mind */
	 /*max-height: calc(100vh - 120px);*/
	/*120px is the size of the UNM Navigation bar at the top plus the horizontal nav */
	 position: relative;
	 width: 100%;
	 display: block;
	 aspect-ratio: 1280 / 720;
	 object-fit: cover;
}
 .hero-title {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 transform: translate(0, -50%);
	 text-align: end;
	 padding: 32px;
	 margin: 0 32px;
	/* rgba(28,30,28,0.7) is 70% opacity of faded black */
	 background-color: rgba(28,30,28,0.7);
}
 .hero-title > h1 {
	 color: var(--common--white);
	 font-size: 60px;
	 line-height: calc(1ex / 0.32);
}
 .hero-title > h2 {
	 color: var(--common--white);
}
 .hero-image {
	 overflow: hidden;
	 background-color: var(--primary--faded-black);
	 position: relative;
}
 @media screen and (max-width: 1399px) {
	 .hero-title > h1 {
		 font-size: 48px;
	}
}
 @media screen and (max-width: 1199px) {
	 .hero-title > h1 {
		 font-size: 42px;
	}
}
 @media screen and (max-width: 991px) {
	 .hero-title > h1 {
		 font-size: 36px;
	}
}
 @media screen and (max-width: 767px) {
	 #home-hero-video {
		 max-height: calc(100vh - 105px);
		/* 105px is the size of the mobile UNM Navigation bar at the top */
	}
	 .hero-title {
		 margin: 0;
	}
	 .hero-title > h1 {
		 font-size: 30px;
	}
	 .hero-title > h2 {
		 font-size: 18px;
	}
}
/* Navigation Bar Classes*/
 #nav {
	 background-color: var(--primary--faded-black);
	 padding: 16px;
	 border: none;
}
 nav#horiz-nav > div {
	 display: flex;
	 justify-content: space-between;
}
 #nav .nav > li > a {
	 color: var(--common--white);
	 font-weight: 900;
}
 #nav .nav > li:last-child > a {
	 color: var(--primary--lime);
}
 #nav .nav > li > a:hover {
	 color: var(--common--white);
	 background-color: var(--primary--faded-black);
}
 #nav .nav > li > a::after, #nav .nav > li > a.active::after {
	 background-color: var(--primary--lime);
}
 .nav-logo {
	 width: 125px;
}
 #mobile-menu {
	 display: none;
}
 @media screen and (max-width: 767px) {
	 #nav {
		 display: none;
	}
	 #mobile-menu {
		 display: block;
		 background-color: var(--primary--faded-black);
	}
	 #mobile-menu a {
		 color: var(--primary--lime);
	}
	 #mobile-menu a.active {
		 color: var(--common--white);
		 background-color: var(--primary--lime);
	}
	 #mobile-menu nav > div {
		 flex-direction: column;
	}
	 #mobile-menu nav > div > a {
		 display: flex;
		 justify-content: center;
		 margin-bottom: 16px;
	}
	 .navbar-collapse {
		 border: none;
		 box-shadow: none;
	}
}
 .img-with-text-container {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 margin-bottom: 24px;
}
 .img-with-text-container.reverse {
	 flex-direction: row-reverse;
}
 .img-with-text-container > img {
	 margin-right: 24px;
	 object-fit: contain;
	 width: 100%;
	 max-width: 300px;
}
 .img-with-text-container.reverse > img {
	 margin-left: 24px;
}
 .img-with-text-container > p, .img-with-text-container > div {
	 margin: 0 24px;
	 font-size: 1.25rem;
	 font-weight: 500;
}
 @media(max-width: 750px) {
	 .img-with-text-container, .img-with-text-container.reverse {
		 flex-direction: column;
	}
	 .img-with-text-container > img, .img-with-text-container.reverse > img {
		 margin: 0 0 24px 0;
		 max-width: 100%;
	}
}
 .page-title-container {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 margin-bottom: 32px;
}
 .page-title {
	 text-align: center;
	 margin: 48px 0;
	 text-transform: capitalize;
	 font-weight: 900;
	 color: var(--primary-faded-black);
}
 .icon-list {
	 display: flex;
	 flex-direction: column;
	 gap: 16px;
	 padding: 32px 32px 80px 32px;
	 border-bottom: 2px solid var(--primary--lime);
	 margin-bottom: 80px;
}
 .icon-list-item {
	 display: flex;
	 flex-direction: row;
	 gap: 16px;
}
 .big.icon {
	 width: 120px;
	 height: 120px;
}
 .big.icon > img {
	 height: 80px;
}
 .icon {
	 background-color: var(--primary--lime);
	 border-radius: 50%;
	 width: 80px;
	 height: 80px;
	 flex-shrink: 0;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 align-self: center;
}
 .icon.black {
	 background-color: var(--primary--faded-black);
}
 .icon > img {
	 object-fit: contain;
	 height: 60px;
}
 .icon-list-item > .text {
	 display: flex;
	 align-items: center;
}
 .icon-list-item > .text > p {
	 margin: 0;
}
 .btn-action-container {
	 display: grid;
	 grid-template-columns: repeat(2, auto);
	 gap: 16px;
	 margin-bottom: 80px;
}
 .btn-action-container .full-width {
	 grid-column-start: 1;
	 grid-column-end: 3;
	 display: flex;
	 justify-content: center;
}

.single-action-button {
    display: flex;
    justify-content: center;
}
 @media screen and (max-width: 600px) {
	 .btn-action-container {
		 display: flex;
		 flex-direction: column;
		 alignItems: center, gap: 16px;
	}
	 .icon-list {
		 padding: 0 0 60px 0;
		 border-bottom: 2px solid var(--primary--lime);
		 margin-bottom: 60px;
		 gap: 32px;
	}
}
 .section-header {
	 display: flex;
	 flex: 0 0 auto;
	 align-items: center;
}
 .section-header > h1 {
	 white-space: nowrap;
	 margin-right: 16px;
}
 .section-header > div {
	 height: 0;
	 width: 100%;
	 border-bottom: 2px solid var(--primary--lime);
}
 @media screen and (max-width: 767px) {
	 .section-header {
		 flex-direction: column;
		 align-items: flex-start;
	}
	 .section-header > h1 {
		 white-space: normal;
		 margin-right: 16px;
	}
}
 .full-width-container {
	 width: 100vw;
	 max-width: none;
	 margin: 0 calc((100vw - 1124px) / -2);
}
 @media(max-width: 1199px) {
	 .full-width-container {
		 margin: 0 calc((100vw - 970px + 30px) / -2);
	}
}
 @media(max-width: 991px) {
	 .full-width-container {
		 margin: 0 calc((100vw - 750px + 30px) / -2);
	}
}
 @media(max-width: 767px) {
	 .full-width-container {
		 margin: 0 -15px;
	}
}
 .highlighted-info-box {
	 background-color: var(--primary--lime);
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 64px 0;
}
 .highlighted-info-box > * {
	 max-width: 900px;
}
 .highlighted-info-box .info-box-title {
	 margin-bottom: 32px;
	 text-align: center;
}
 .highlighted-info-box-content {
	 display: flex;
	 justify-content: center;
}
 @media(max-width: 767px) {
	 .highlighted-info-box-content {
		 flex-direction: column;
	}
}
 #accordion.lei-accordion .panel-heading {
	 background-color: var(--primary--lime);
	 color: var(--common--white);
}
 div#primary div.panel-heading > h4.panel-title > a, div#primary div.panel-heading > h4.panel-title > a:hover, div#primary div.panel-heading > h4.panel-title > a:visited {
	 color: var(--common--white);
}
 h4.panel-title > a[aria-expanded="true"] > svg {
	 rotate: -90deg;
}
 .hero-image > .container {
	 position: relative;
}
 .section-container {
	 margin-bottom: 128px;
}
 .section {
	 padding: 50px 16px;
	 display: flex;
	 gap: 32px;
}
 @media screen and (max-width: 767px) {
     .section {
    	 flex-direction: column;
    	 align-items: center;
    	 padding: 0 16px;
    }
 }
 .green {
	 background-color: #34B233;
	 color: #fff;
}
 .green > .section {
	 flex-direction: column;
	 align-items: center;
}
 .green .section > p {
	 max-width: 1000px;
	 font-size: 18px;
	 font-weight: 500;
}
 .icon-triangle {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 40px;
}
 .icon-triangle-base {
	 display: flex;
	 gap: 80px 
}
 .icon-triangle .icon {
	 width: 100px;
	 height: 100px;
}
 .icon-triangle .icon > img {
	 height: 80px;
}
 .black {
	 background-color: var(--primary--faded-black);
	 color: #fff;
}
 .black > .section {
	 justify-content: space-between;
	 align-items: center;
	 height: 100%;
}
 .white .section > p, .black .section > p {
	 max-width: 500px;
}
 .smith-plaza-darkened-background {
	 background-image: url(/assets/media/img/smith-plaza-darkened.jpg);
	 background-size: cover;
	 height: 750px;
}
 .section-transition {
	 height: 150px;
}
 .section-transition.white-to-green {
	 background: linear-gradient(180deg, #fff, #fbfdfa, #f0f9ed, #dff2d9, #c9e9c2, #b1dfa7, #98d48c, #7eca72, #65c15a, #4eb947, #3cb438, #34b233);
}
 .section-transition.green-to-white {
	 background: linear-gradient(180deg, #34b233, #3cb438, #4eb947, #65c15a, #7eca72, #98d48c, #b1dfa7, #c9e9c2, #dff2d9, #f0f9ed, #fbfdfa, #ffffff);
}
 .section-transition.green-to-black {
	 background: linear-gradient(180deg, #34b233, #34ae33, #32a433, #319533, #2f8231, #2c6e2f, #2a5a2c, #264728, #233623, #202920, #1d211d, #1c1e1c);
}
 .section-transition.black-to-green {
	 background: linear-gradient(180deg, #1c1e1c, #1d211d, #202920, #233623, #264728, #2a5a2c, #2c6e2f, #2f8231, #319533, #32a433, #34ae33, #34b233);
}
 .section-transition.black-to-white {
	 background: linear-gradient(180deg, #1c1e1c, #202220, #2c2e2c, #3f413f, #585958, #747674, #949594, #b3b4b3, #d0d1d0, #e9e9e9, #f9f9f9, #fff);
}
 .section-transition.white-to-black {
	 background: linear-gradient(180deg, #ffffff, #f9f9f9, #e9e9e9, #d0d1d0, #b3b4b3, #949594, #747674, #585958, #3f413f, #2c2e2c, #202220, #1c1e1c);
}
  .section-transition.white-to-gray { 
 background: linear-gradient(180deg, #ffffff, #fefefe, #fbfbfb, #f7f7f7, #f2f2f2, #ececec, #e6e6e6, #e0e0e0, #dbdbdb, #d7d7d7, #d4d4d4, #d3d3d3);
}
  .section-transition.gray-to-white {
	 background: linear-gradient(180deg, #d3d3d3, #d4d4d4, #d7d7d7, #dbdbdb, #e0e0e0, #e6e6e6, #ececec, #f2f2f2, #f7f7f7, #fbfbfb, #fefefe, #ffffff);
}