/* ================== SITE CSS ===================== */
/* Table of Contents Colors - overwriting UCAM styles for titles and text Page Sections Header Navigation Bars Footer Sidebars Home Page Layout Overrides Banner styles Block styles Home Page Components Carousel - not used Events block Invest block - not used RFI pages Layout Overrides Graduation pages Layout Overrides Backgrounds and Design Elements Flexbox and Grid Containers, Columns Component Styles Global Scaling Challenge Info Buttons Testimonials Disclosure Element Forms Tables Media Queries */
/******* COLORS ********/
/* overwriting UCAM text color to lobo grey in main content area */
 #primary {
	 & h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, div, ul, li {
		 color: #63666a;
	}
}
 #sidebar-nav {
	 & h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, div, ul, li {
		 color: #63666a;
	}
}
/* turns title to cherry on every page */
 #primary h1 {
	 color: #ba0c2f;
}
/* special styles for headers on at-a-glance page eyeroll */
 #at-a-glance #primary h3.sel {
	 color: white;
}
/******* Page Sections *********/
/******* Header *********/
/* removing extra white space above logo */
 #header {
	 padding: 0;
}
/** resizing and relocating logo block **/
 #logo-block {
	 position: absolute;
	 left: 15px;
	 z-index: 1;
}
 #logo-block img {
	 max-height: 50px;
	 margin-bottom: 1rem;
}

 #cs-block {
	 position: absolute;
	 right: 60px;
	 top: 40px;
	 z-index: 1;

}

#cs-block a {
    	 color:#ba0c2f;
    	 	 font-size:1.3rem;
	 text-decoration:underline;
}

 @media (max-width: 1020px) {
	 #logo-block {
		 position: static;
	}
	 #logo-block img {
		 max-width: 50%;
		 height: auto;
		 vertical-align: middle;
	}
}
 #subpg-banner img {
	 object-fit: fill;
}
/******* Navigation Bars *********/
/* Restyling UNM navbar to remove UNM logo */
 .navbar-unm {
 background-color: #151515;
	 border: none;

}
/* hiding UNM search form 
 #unm_search_form {
	 display: none;
}*/

/******************** MAIN NAVIGATION *********************************/
/* overriding 22px bottom margin on navigation, to fit logo */
 .navbar {
	 margin-bottom: 5px;
}
/*Pushing UNM navbar sections to left and right */
 .navbar .container {
	 width: auto;
}
/* making text size smaller in sidebar menus */
 ul#contextual_nav.nav {
	 font-size: 1.3rem;
}
/* muting text color for UNM navbar */
 #toolbar-nav li>a {
	 color: #a7a8aa;
}
/* overriding styles for UNM navbar */
 .navbar-unm .navbar-brand {
	 background-color: #151515;
	 background-image: none;
	 height: 0;
	 box-shadow: 0 0;
	 color: #a7a8aa;
	 position: absolute;
	 border-bottom: 0;
	 background-image: none;
	 text-indent: 0;
	 width: auto;
	 background-repeat: no-repeat;
	 height: 20px;
	 z-index: 100;
	 padding: 0;
	 background-size: contain;
	 top: -1px;
}
 .navbar-brand {
	 background-image: none;
	 float: left;
	 padding: 4px 15px;
	 font-size: 15px;
	 line-height: 31px;
	 height: 30px;
}
 @media (min-width: 768px) {
	 .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		 margin-left: 0;
	}
}
/* background for navigation bar */
 #horiz-nav, #horz-nav {
	 background-color: #fff;
	/* background-image: url('../img/site-logos/anderson-school-of-management-logo.webp');
	*/
	 background-repeat: no-repeat;
	/* background-size: auto 50px;
	 background-position: left 1.1rem top .1rem;
	 */
	 float:right;
	 margin-top:1.6rem;
}
/* bg color and margins for navigation bar */
 #nav {
	 background-color: #fff;
	 float: right;
}
 #nav .container {
	 margin:auto;
}
/* fix overflow of menu item text in last dropdown */
 #horz-nav {
	 padding-right: 30px;
}
/* color and spacing for navigation links */
 #horiz-nav .nav>li>a {
	 text-transform: uppercase;
	 padding: 1rem 2.5rem 1rem 0;
	 display: inline-block;
	 font-size: 1.25rem;
	 color: #ba0c2f;
	 width: 100%;
}
/* navigation links hover/focus */
 #horiz-nav .nav>li>a:hover, #horiz-nav .nav>li>a:focus {
	 color: #63666a;
	 background-color: inherit;
}
/* on hover, border-bottom on navigation item*/
 #horiz-nav .nav>li>a:hover:after {
	 content: '';
	 width: 40%;
	 height: 4px;
	 background: #63666a;
	 position: absolute;
	 left: 0;
	 bottom: -5px;
}
/* dropdown links */
 #horiz-nav .dropdown-menu>li>a {
	 color: #63666a;
}
 #horiz-nav .dropdown-menu>li>a:hover, #horiz-nav .dropdown-menu>li>a:focus, {
	 color: #ba0c2f;
}
/* override default menu placement from left */
 .navbar-nav {
	 float: right;
}
/* make active link cherry in custom sidebars for undergrad and grad folders */
 .sidebar-nav .nav>li>a:active {
	 border-left: 3px solid #ba0c2f;
	 color: #ba0c2f;
}
/*************** secondary upper header/nav bar with logo, links and search box *******/
 #header-nav-block {
	 display: flex;
	 flex-wrap: nowrap;
	 justify-content: space-between;
}

 #header-nav-block img {
	 max-width: 400px;
	 padding-left: 15px;
}

#header-nav-block #top-link-bar p {
    margin: -10px 11px 2px;
    font-size: 1.2rem;
    text-align: right;
    
}
 
 #top-link-bar {
    max-width: 500px;
 }
 
 #top-link-bar ul {
    padding-left: 11px;
    padding-top: 10px;
    list-style-type: none;
    margin-top:5px;
     margin-bottom: 0;
     font-size: 1.5rem;
     font-weight:bold;
}

#top-link-bar ul li {
     display: inline-block;
     margin-right: 15px;
     background-color: #ba0c2f;
     padding:10px;
}

#top-link-bar ul li a {
         color: white;
}

/* Google site search box styling */
 #header-nav-block .search-box {
	 border: none;
	 max-width: 300px;
}

 #header-nav-block .___gsce_0 {
	 max-width: 450px;
	 margin-top: 0;
}

 .gsc-search-button-v2 {
	 border-color: #ba0c2f;
	 background-color: #ba0c2f;
	 color: #fff;
}

/******* Footer *********/
/* overriding UCAM background color */
 #footer {
	 background-color: #63666a;
	 background-image: none;
}
/* creates space between Anderson and UNM footers */
 #footer .row {
	 margin-top: 40px;
}
/******* SIDEBARS *******/
/* Styles for grad program deadline/info sidebars*/
 .deadlines-sidebar {
	 background-color:white;
	 border: 1px solid #a7a8aa;
	/* border-radius: 10px;
	*/
	 box-shadow: 2px 2px 5px #a7a8aa;
	 font-size: 1.5rem;
	 text-align:left;
	 margin-top: 10px;
	 padding:15px 30px;
}
 .deadlines-sidebar dd {
	 padding-bottom: 10px;
}
 .deadlines-sidebar h4 {
	 color: #ba0c2f;
	 padding: 5px 0;
}
/***** HOME PAGE *******/
/* 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;
}
 #home #hero {
	 height:auto;
	 background-image:none;
}
/***** styles for banner *******/
/** setting relative so child text can be absolute **/
 #homepg-banner {
	 position: relative;
}
/** positioning banner text overlay **/
 .unleash {
	 position: absolute;
	 top: 75%;
	 right:15%;
	 margin: 0 auto;
	 text-align: left;
	 font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-size: 3vw;
	 color: white;
	 text-shadow: 2px 2px #63666a;
}
/* Invest in Anderson block #home #page #lower {
	 background-color: #007a86;
	 background-size: cover;
}
 */
 #home h1 {
	 display: none;
}
 #home h2 {
	 color: #ba0c2f;
	 margin-top: 0;
	 font-size: 40px;
}
 #home p {
	 font-size: 1.2em;
}
 #ranking .number {
	 font-size: 12rem;
	 line-height: 14rem;
	 color: #ba0c2f;
	/* font-weight:700;
	 margin: 8px 0 2px;
	 */
}
 #ranking .rank-title {
	 font-size: 2rem;
	 line-height: 2.5rem;
	 text-transform: uppercase;
}
 #ranking .source {
	 font-size: 1rem;
}
/******** Home Page Components ********/
/* ALUMNI CAROUSEL STYLES */
/* carousel removed in redesign March 2025 */
/* #alumni-carousel {
	 height: 700px;
	 max-width: 610px;
	 overflow: hidden;
	 margin: auto;
	 padding-bottom: 3rem;
}
 #alumni-carousel .item img {
	 object-fit: contain;
	 width: auto;
}
 #home #alumni-carousel .carousel-caption, #home .carousel-caption {
	 position: relative;
	 left: 0%;
	 right: 0%;
	 overflow:visible;
	 text-align:center;
	 font-size: 2rem;
	 margin: 40px auto;
	 font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-weight: 500;
	 color:#63666a;
	 text-shadow:none;
}
 #home #alumni-carousel .carousel-caption span, #home .carousel-caption span {
	 font-size: 2.5rem;
}
 #alumni-carousel .carousel-indicators {
	 top:5px;
}
 #alumni-carousel .carousel-indicators li {
	 margin: 5px;
}
 #alumni-carousel .carousel-indicators active {
	 width: 10px;
	 height: 10px;
}
 #alumni-carousel .carousel-inner {
	 position: relative;
}
/* overriding UCAM styles for controls */
/* #alumni-carousel .carousel-control {
	 color: #ba0c2f;
	 font-size: 6rem;
	 opacity: 1;
	 text-shadow: none;
}
 #alumni-carousel .carousel-control.prev {
	 text-align: right;
	 left:auto;
	 right:3rem;
}
 #alumni-carousel .carousel-control .fa {
	 position: absolute;
	 top: auto;
	 left:auto;
	 bottom: 140px;
	 right:0;
}

/********** END ALUMNI CAROUSEL STYLES ******************/

/* Home page Events block STYLES */
.asm-event-wrapper {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 grid-gap: 1.5rem;
 justify-content: space-evenly;
 margin-bottom: 25px;} .asm-event-wrapper:not(:first-child) {
 padding-left: 10px;} .asm-event {
 border: 2px solid #a7a8aa;
 padding: 20px;} .asm-event p.h3 {
 font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
/* font-size: 1rem;
 */} .asm-event-time, .asm-event.location {
 margin: 0;}/* End Events block styling *//* styles for "invest" block */ #invest {
 background: #007a86;
 color:#fff;
 width: 100%;
 padding:30px 0 30px;
 text-align:center;} #invest h2 {
 color: white;} #invest a {
 color:#fff;} #invest a.btn-box {
 display: block;
 font-size: 1.5rem;
 text-align: center;
 font-weight: bold;
 margin: 20px auto;
 padding: 10px;
 width: 25rem;} a.btn-box {
 color: #fff;
 border: 2px solid #fff;
 display: inline-block;
 padding: 5px 10px;
 font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin-top: 20px;
 font-size: 80%;} #invest a.btn-box:hover {
 background-color: #fff;
 color: #ba0c2f;
 text-decoration: none;}/* RFI pages */ #grad-programs-rfi .navbar, #emba-rfi .navbar, #index-rfi .navbar, #online-programs-rfi .navbar, #thank-you .navbar {
 display: none;} #grad-programs-rfi #header, #emba-rfi #header, #index-rfi #header, #online-programs-rfi #header, #thank-you #header {
 position: relative;
 background-color: white;
 width: 100vw;}/*********** Graduation Page *************/ #graduation #main #primary .cherry-band {
 width: 100%;
 padding: 0;}/*********** BACKGROUNDS AND DESIGN ELEMENTS *************//* article element, no background */ article {
 margin: 3.5em 0;}/* article element with gray background - needs different top and bottom padding - not a UNM brand color */ article.grey-bg {
 background-color: #f6f6f7;
 padding:2% 5%;}/* profile images/headshots code from mgt.unm.edu */ img.profile {
 width: 200px;
 height: 200px;
 object-fit: cover;
 border: 2px solid #ba0c2f;
 border-radius: 50%;
 margin-bottom: 10px;
 margin-right: 10px;}/* PDF icon bullet */ a[href$=".pdf"]::before {
 font-family: "fontawesome";
 content: "\0020\f1c1";
 color: #63666a;
 padding-right: 5px;}/* powerpoint icon bullets */ a[href$=".ppt"]::before {
 font-family: "fontawesome";
 content: "\0020\f1c4";
 color: #63666a;
 padding-right: 5px;} a[href$=".pptx"]::before {
 font-family: "fontawesome";
 content: "\0020\f1c4";
 color: #63666a;
 padding-right: 5px;}/* red dividing bar - short, left-aligned */ .bar-short {
 display: block;
 background: #ba0c2f;
 height: 5px;
 margin: 20px 0;
 width: 200px;}/* red dividing bar - centered */ .bar-c {
 display: block;
 background: #ba0c2f;
 height: 5px;
 margin: 0 auto;
 width: 70%;}/* red dividing bar - left aligned */ .bar-l {
 display: block;
 background: #ba0c2f;
 height: 5px;
 margin: 50px 0;
 width: 60%;}/******* FLEXBOX AND GRID CONTAINERS *********//*** Grid with 2 columns, 2/3 - 1/3 ***/ .grid2 {
 display: grid;
 grid-template-columns: 60% 31%;
 grid-gap: 1.5rem;}/*** Grid with 2 columns, 1/3 - 2/3 ***/ .grid2-2 {
 display: grid;
 grid-template-columns: 31% 60%;
 grid-gap: 1.5rem;}/*** Magic Grid for logos that fits them into 200px cells ***/ .logo-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 grid-gap: 2rem;
 align-items: start;
/* set alignment of content */} .logo-grid > div {
 background: white;
 padding: 1rem;
 display: grid;} .logo-grid > div::before, .logo-grid > div > img {
 content: "";
 padding-bottom: 30%;
 display: block;
 grid-area: 1 / 1 / 2 / 2;} .logo-grid > div > img {
 max-width: 100%;
 height: 100%;
 object-fit: contain;}/*** Magic Grid, 150px cells ***/ .logo-grid-3 {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 grid-gap: 2.2rem;}/*** Magic Grid, 100px cells ***/ .logo-grid-2 {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 grid-gap: 2rem;}/*** Grid with 3 columns at largest width ***/ .grid-3 {
 display: grid;
/* Define Auto Row size grid-auto-rows: 100px;
 */
/*Define our columns */
 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 grid-gap: 2rem;}/*** Flex group ***/ .flex-group {
 display: flex;
/* wraps content onto new line when it is too long */
 flex-wrap: wrap;
/* adjust gap */
 gap: 40px 20px;
 justify-content: flex-start;}/* thumbnail photo with overlaid link/title on home page */ .flex-item .title {
 translate: 0 -75px;
 text-align: right;
 text-wrap: balance;
 align-content: flex-end;
 max-width: 400px;
 margin: 0;
 padding: 5px 10px;
 font-size: 2rem;
 color: #63666a;
 background-color:rgb(255, 255, 255, .8);} .flex-item .title a {
 color: #63666a;}/****** columns *******/ .2col {
 column-count: 2;
 column-gap: 1rem;}/***** Card grid - used on alumni events page *****/ .card-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 grid-auto-rows: auto;
 grid-gap: 2rem;} .alum-card {
 position: relative;} .alum-card img {
 width: 100%;
 display: block;
 border: 0;
 width: 100%;
/*max-height: 300px;
 */
 object-fit: cover;
 position: relative;
 z-index: 1;} .card-content {
 padding: 10px;} .card-content2 {
 vertical-align: start;} #primary .event-date {
 padding: 5px;
 position: absolute;
 right: 10px;
 top: 10px;
 width: 60px;
 height: 60px;
 text-align: center;
 border: 2px solid #fff;
 line-height: 1;
 z-index:25;
 color: #fff;
 background-color: #ba0c2f;} #primary .event-date-feat {
 position: absolute;
 right: 10px;
 top: 10px;} .event-date span {
 font-size: 26px;
 font-weight: bold;} .card-content .fa {
 text-align: center;
 width: 1.25em;
 font-weight: 900;
 font-size: 1.25rem;}/* ================== COMPONENT STYLES ===================== *//******* CONTACT INFO ********/ .contact-name {
 font-size: 2rem;
 font-weight: bold;}/* styles for contact information, replacing DB passthrough code */ #team {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 text-align: center;
 gap: 20px;} #team p {
 text-align: left;
 font-size: 80%;} #team .program-border {
 border-bottom: 1px solid #a7a8aa;
 margin-bottom: 10px;} @media screen and (max-width: 768px) {
 #team {
	 display: block;
}} ul.profile-data {
 list-style-type: none;
 margin: 0px;
 padding: 0px;} ul.profile-data li {
 margin: 0px;
 padding: 0px;} .profile-name {
 font-size: 1.2em;
 font-weight:bold;}/* GPO alert box */ #gpo-events {
 margin-bottom: 25px;
 padding: 20px;
 border: 3px solid #ba0c2f;
 max-width: fit-content;} #gpo-events a {
 text-decoration: underline;}
 
 /* Global Scaling Challenge */ #primary .gsc-box {
 max-width: 450px;
 color: white;
 padding: 0 20px;}
 
 #primary .gsc-box {
     & h3, h4, p {
     color: white;
 }
 }

 
 /* VIDEO *//* styles for drone video from old site *//* .video-container {
 width: 100%;
 display: block;
 max-width: 100%;
 height: auto;}*//* Responsive Video */ .video-container {
 overflow: hidden;
 position: relative;
 width:100%;}/* for home page banner video */ #home #page #hero .video-container {
 aspect-ratio: 3.2/1;} #home #page #hero .video-container::after {
 padding-top: 56.25%;
 display: block;
 content: '';}/* adding iframe below makes it disappear! */ .video-container video {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;}/******* INFO BUTTONS ********//** sidebar buttons on program pages **/ .info-button {
 color: #63666a;
 padding-bottom: 15px;
 font-weight: 600;
 text-transform: uppercase;
 vertical-align: middle;
 cursor: pointer;
 white-space: normal;
 font-size: 1.5rem;
 line-height: 1.5;
 max-width: 300px;
 margin:2px 0 20px 0;} .info-button a {
 color: #63666a;
 text-decoration: none;} .info-button a:hover, .info-button a:focus {
 color: #a7a8aa;
 text-decoration: underline;}/******* Student Snapshot Components on Grad Program Pages *********//* TODO: Change markup as needed based on number of elements when moving grad program pages *//*** Snapshot Grid with 3 elements ***/ .snap3 {
 font-size: 2rem;
 text-align: center;
 margin-top: 1rem;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 grid-gap: 7%;}/* stat class is the same whether 3 or 4 elements -- affects typography only */ .stat {
 font-size: 5rem;
 font-weight: bold;
 color: #ba0c2f;} .snap3 p {
 margin-top: 10px;
 margin-bottom: 30px;
 text-align: center;}/*** Snapshot with 4 elements ***/ .snap4 {
 display: flex;
 flex-wrap: wrap;
 gap: 20%;
 justify-content: space-around;
 font-size: 2rem;
 text-align: center;
 margin-top: 1rem;}/* text centering is controlled by parent class */ .snap4 p {
 margin-top: 10px;
 margin-bottom: 30px;}/*Styles for course lists using grid to align and space entries responsively */ ul.grid-list li {
 display: grid;
 grid-template-columns:120px 1fr;
 gap:10px 10px;}/******* Testimonials *********//** TO DO: When moving grad program pages over to this site, change testimonial classes to match the below. Will need to remove the "new-" in markup **/ .testimonial {
 display: flex;
 text-align: flex-start;
 flex-wrap: wrap;
 gap: 40px 20px;
 margin: 100px auto;}/* image container */ .testi-img {
 max-width: 200px;
 max-height: 220px;
/* overflow: visible;
 margin-top: -100px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 */}/* image itself */ .testi-image {
 border-radius: 100%;
 max-width: 150px;} .testi-quote {
 font-size: 1.5rem;
 background-color: white;
 color: #63666a;
 max-width: 560px;} .testi-attrib {
 font-size: 1.2rem;} .testi-name {
 font-size: 1.3rem;
 font-weight: bold;}/* end testimonials *//* * Faculty and staff listing styles with img on left.. */ .fac-card {
/* display: flex;
 flex-wrap: wrap;
 gap: 1rem;
 border-bottom: 1px solid #a7a8aa;
 */
 margin-bottom: 1rem;
 align-items: center;} ul.faculty {
 list-style-type: none;} ul.faculty li {
 list-style-type: none;
 margin: 0px;
 padding: 0px;} .name {
 font-size: medium;}/* similar "card" element with smaller image on left, text on right - used on accounting page for accolade logos */ .card-img-left {
 display: flex;
/*flex-wrap: wrap;
*/
 gap: .75rem;
 margin-bottom: 1rem;
 border-bottom: 1px solid #a7a8aa;
 align-content: flex-start;
 align-items: center;
 padding: 10px 0;} .card-img-left img {
 max-width: 100px;} .card-img-left p {
 flex-shrink: 2;}/******* Disclosure Element (details/summary) *********/ details {
 position: relative;
 font-size: 1.5rem;
 list-style: none;
 margin-bottom: 0;
/* border-bottom: 1px solid #ba0c2f;
 */} details summary {
 position: relative;
 list-style: none;
 vertical-align: middle;
 padding: 3px 0 10px 0;
 display: list-item;
 cursor: pointer;} details summary > * {
 display: inline;} details[open] summary {
 margin-bottom: 1.5em;
 padding: 3px 0 0 10px;
 border-bottom: 1px solid #ba0c2f;} details[open] summary::before {
 content: "v ";
 color: #ba0c2f;
 font-size: 2rem;
 font-weight: 700;
 padding-right:10px;} details h3, details h4 {
 font-family:"Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1.8rem;} summary::-webkit-details-marker {
 display: none;} summary::before {
 content: '> ';
 font-size: 2rem;
 font-weight: 700;
 color: #ba0c2f;
 padding-right:10px;}/* end disclosure element *//** Forms **//* This fixes the squashing of radio buttons right up to their label on formstack forms */ input[type=radio] {
margin:0;
padding-right: 5px;}/** TABLES **//* Styles for a simple table with lobo grey header row, padding and highlighted alternate rows */ .simple-pretty {
 width: 75%;} .simple-pretty th{
 background-color:#63666a;
 color: white;
 font-weight: bold;
 text-align:left;
 padding:10px;} .simple-pretty tr td {
 padding:10px;
 color:#63666a;} .simple-pretty tr:nth-child(even) {
 background-color: #f6f6f7;}
 
 /** END TABLES **/
 
 /* ================== END COMPONENT STYLES ===================== */
 
 /* =================== MEDIA QUERIES =========================== */
 
 /* only use multiple columns on larger screens */
 
 /* Hide subpage header images on small devices */ @media only screen and (max-width : 479px) {
 #subpg-banner img {
	 display: none;
}} @media only screen and (max-width : 725px) {
 #primary .event-date-feat {
	 display: none;
}}/* hide home page image on extra-small devices */ @media only screen and (max-width : 479px) {
 #home #hero {
	 display: none;
}}/* ================ END MEDIA QUERIES ========================== */