@import url("https://www.purdue.edu/purdue/fonts/united-sans/united-sans.css");
 @import url("https://use.typekit.net/yot4vtf.css");
/******** Variables ********/
 :root {
     --white: #ffffff;
     --black: #000000;
     --darkgrey: #1e1e1e;
     --steel: #555960;
     --cool: #6f727b;
     --railway: #9d9795;
     --steam: #c4bfc0;
     --aged: #8e6f3e;
     --boilermaker: #cfb991;
     --rush: #daaa00;
     --field: #ddb945;
     --dust: #ebd99f;
     --grey: #eeeeee;
	 --acumin: "acumin-pro","Franklin Gothic",sans-serif;
     --acumincond: "acumin-pro-condensed","franklin-gothic-condensed",sans-serif;
     --acuminextracond: "acumin-pro-extra-condensed","franklin-gothic-extra-compre",sans-serif;
     --acuminsemicond: "acumin-pro-semi-condensed","franklin-gothic-compressed",sans-serif;
     --united: "United Sans",Impact,"Arial Black","sans serif";
     --unitedcond: "United Sans Condensed", Impact, "Arial Black", "sans serif";
     --unitedext: "United Sans Extended", Impact, "Arial Black", "sans serif";
     --source: source-serif-pro, Georgia, serif;
     --fontawesome: "Font Awesome 7 Sharp";
     --mask-base-scale: 0.11;
     --mask-scale: 1;
 }
 /******** Misc 0 (General & Top Level Styles) ********/
 img {
     min-width:0px;
     max-width: 100%;
     height: auto;
}
 table {
     max-width: 100%;
     height: auto;
}
 table.even tr:nth-child(even) {
     background-color:#eee;
     color:inherit;
}
 table.even-col td:nth-child(even) {
     background-color:#eee;
     color:inherit;
}
 table.odd-col td:nth-child(odd) {
     background-color:#eee;
     color:inherit;
}
 table.odd tr:nth-child(odd) {
     background-color:#eee;
     color:inherit;
}
 a{
     color:var(--aged);
     cursor:pointer;
}
 ul {
     list-style-type: square;
}
/* Add icon by default to links opening a new window */
 a[target=_blank]{
     position: relative;
}
 a[target=_blank]:after {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font: var(--fa-font-solid);
     font-weight: 900;
     content:"\f35d";
     font-size:0.6rem;
     margin-left:.5em;
}
/* Override default to not add an icon to links opening a new window in these cases */
 .slide a[target=_blank], a.hide-blank-icon, .homepage-news a[target=_blank],.homepage-parallax a[target=_blank],.homepage-events a[target=_blank],.homepage-icons a[target=_blank],.headline-masters a[target=_blank],.identity a[target=_blank],.news-grid a[target=_blank], a.card-flex-between[target=_blank], a.bar-ranking-grid-container[target=_blank], .localist-card-text a[target=_blank] {
     padding-right:0;
}
 .slide a[target=_blank]:after, a.hide-blank-icon:after, .homepage-news a[target=_blank]:after, .homepage-parallax a[target=_blank]:after, .homepage-events a[target=_blank]:after, .homepage-icons a[target=_blank]:after,.headline-masters a[target=_blank]:after, .identity a[target=_blank]:after, a.button[target=_blank]:after, .news-grid a[target=_blank]:after, a.card-flex-between[target=_blank]:after, a.bar-ranking-grid-container[target=_blank]:after, a.headline-button[target=_blank]:after, .localist-card-text a[target=_blank]:after{
     content:"";
     margin-left:0;
     display:inherit;
}
 a[class*='login']{
     position: relative;
}
 a[class*='login']:after {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font: var(--fa-font-solid);
     font-weight: 900;
     content:"\f023";
     font-size:0.6rem;
     margin-left:.5em;
}
 a[class*='pdf']{
     position: relative;
}
 a[class*='pdf']:after {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font: var(--fa-font-solid);
     font-weight: 500;
     content:"\f1c1";
     font-size:0.7rem;
     margin-left:.5em;
}
 a[class*='docx']{
     position: relative;
}
 a[class*='docx']:after {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font: var(--fa-font-solid);
     font-weight: 500;
     content:"\f1c2";
     font-size:0.7rem;
     margin-left:.5em;
}
 html {
     overflow-x: hidden;
}
 body{
     color:#333;
     background-color:#fff;
     font-family:var(--acuminsemicond);
     font-size:117%;
}
 h1,h2,h3,h4,h5,h6,.heading,.subheading,.preheading{
     font-family: var(--acuminextracond);
}
 footer ul, footer li,nav ul, nav li{
     padding:0;
     margin:0;
     list-style:none 
}
 .caret:after {
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font: var(--fa-font-solid);
     font-weight: 900;
     content:"\f107";
     font-size:0.75rem;
}
 .open .caret:after {
     content:"\f106";
}
 @media (max-width:660px){
     .caret:after{
         content:"";
    }
}
 .objPos-left-top{
     object-position: left top;
     background-position: left top;
}
 .objPos-left-center{
     object-position: left center;
     background-position: left center;
}
 .objPos-left-bottom{
     object-position: left bottom;
     background-position: left bottom;
}
 .objPos-center-top{
     object-position: center top;
     background-position: center top;
}
 .objPos-center-center{
     object-position: center center;
     background-position: center center;
}
 .objPos-center-bottom{
     object-position: center bottom;
     background-position: center bottom;
}
 .objPos-right-top{
     object-position: right top;
     background-position: right top;
}
 .objPos-right-center{
     object-position: right center;
     background-position: right center;
}
 .objPos-right-bottom{
     object-position: right bottom;
     background-position: right bottom;
}
 .min-h-100{
     min-height:100px;
}
 .min-h-200{
     min-height:200px;
}
 .min-h-300{
     min-height:300px;
}
 ul.list-double-space li, ol.list-double-space li{
     margin-bottom:1em;
}
 ul.list-half-space li, ol.list-half-space li{
     margin-bottom:.5em;
}
 .destyle-list {
     list-style:none;
     padding-left:0;
}
 .list-three-column{
     list-style:none;
     padding:0;
     column-count:3;
}
/**** Custom Lists ****/
.chevron-list li, .list-chevron li, .list-checkbox-empty li, .list-checkbox-checked li, .list-checkbox-crossed li, .list-checkbox-chevron li, .list-connection-points li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    list-style-type: none;
}

.list-black li::before {
    color: var(--black);
}

.list-steel li::before {
    color: var(--steel);
}

.list-steam li::before {
    color: var(--steam);
}

.list-white li::before {
    color: var(--white);
}

.list-dust li::before {
    color: var(--dust);
}

.list-boilermaker li::before {
    color: var(--boilermaker);
}

.list-aged li::before {
    color: var(--aged);
}

.list-rush li::before {
    color: var(--rush);
}

.list-field li::before {
    color: var(--field);
}

.chevron-list li::before, .list-chevron li::before {
    content: "\f105";
    font-family: var(--fontawesome);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 0.9rem;
}

.list-checkbox-empty li::before {
    content: "\f0c8";
    font-family: var(--fontawesome);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 0.9rem;
}

.list-checkbox-checked li::before {
    content: "\f14a";
    font-family: var(--fontawesome);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 0.9rem;
}

.list-checkbox-crossed li::before {
    content: "\f2d3";
    font-family: var(--fontawesome);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 0.9rem;
}

.list-checkbox-chevron li::before {
    content: "\f32b";
    font-family: var(--fontawesome);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 0.9rem;   
}

.list-connection-points li:before {
    content: "\f1e0";
    font-family: var(--fontawesome);
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1rem;
    transform: rotate(180deg);
}




/************ Old Template Typography *************/
/* This is eligible for eventual deletion once old template pages are cleared out */
/* previously line 1763 */
 .content-main .inner h2, .content-main .inner .subheading{
     font-weight:normal;
     font-size:1.8em;
     margin:0 0 10px 0 
}
 .content-main .inner h2+h3, .content-main .inner .subheading+.preheading{
     margin-top:10px 
}
 .content-main .inner h2 strong, .content-main .inner .subheading strong{
     font-weight:bold;
     font-size:1.3em;
}
 .content-main .inner h3, .content-main .inner .preheading{
     margin:25px 0 10px 0;
     font-weight:normal 
}
 .content-main .inner h3+p, .content-main .inner .preheading+p{
     margin-top:0 
}
 .content-main .inner h3 strong, .content-main .inner .preheading strong{
     font-weight:bold 
}
 .content-main .inner p+h2, .content-main .inner p+.subheading{
     margin-top:40px 
}
 .content-main, .announcements{
     margin:20px 0 
}
 .content-main .container h2, .content-main .container .subheading{
     margin:20px 0px 10px 0px 
}
 .content-main .container .container{
     padding:5px 10px;
     background:#ececed 
}
 .content-main .container .container em{
     font-size:.8em;
     min-height:25px;
     display:inherit 
}
 .content-main .container .container .md-10+.md-10>em,.content-main .container .container .md-10+.md-10>ul{
     list-style:none;
     margin:0 0 0 20px;
     padding:0 0 0 20px;
     border-left:2px solid #b1810b;
}
 .content-main .container .container li{
     background-color:inherit;
     color:#333;
     font-size:2.5em;
     display:inline-block;
     padding:10px;
     font-family:var(--united);
     cursor:pointer 
}
 .content-main .container .container li small{
     font-size:.65em;
}
 .content-main .container .container li.active{
     background-color:inherit;
     color:#b1810b 
}
 .content-main .container .container li.active a{
     background-color:inherit;
     color:#b1810b 
}
 .content-main .container .toggleHiddenData a{
     background-color:inherit;
     color:#333;
     text-decoration:none 
}
 .content-main .container .toggleHiddenData a:focus{
     color:#b1810b 
}
 .content-main .container .hidden-toggle-data ul li{
     display:none;
     font-family:var(--acumin);
     cursor:inherit 
}
 .content-main .container .hidden-toggle-data ul li.active{
     background:#fff;
     margin:15px 0;
     display:inline-block;
     text-transform:none;
     font-size:1.5em;
}
 .content-main .lg-7 h2, .content-main .lg-7 .subheading{
     margin:0 0 10px 0;
}
 .content-main .lg-7 h3,.content-main .lg-7 h4, .content-main .lg-7 .preheading{
     margin-bottom:10px 
}
 .content-main .lg-7 h4{
     font-style:italic;
     font-weight:normal 
}
 .content-main .lg-7 p{
     margin-top:0 
}
 a.cta{
     padding: 0.8em 1em;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     cursor: pointer;
     transition-duration: 0.4s;
     margin: 0.438em auto;
     display:block;
}
 a.cta:hover, a.button:focus{
     box-shadow: 0 0.75em 1em 0 rgba(0,0,0,0.24),0 1.063em 3.125em 0 rgba(0,0,0,0.19);
}

/******** Buttons ********/
 .button{
     display:inline-block;
     display:inline-flex;
     flex-direction:row;
     flex-wrap:nowrap;
     justify-content:center;
     align-items:stretch;
     max-width:100%;
     margin-top:.9375rem;
     margin-bottom:.9375rem;
     border:none;
     border-radius:0;
     outline-style:solid;
     outline-width:3px;
     outline-offset:-2px;
     padding:.51816rem 2px;
     transition:background-color, outline-color, outline-style, color 0.1s;
     font-family:var(--united);
     font-size:.93269rem;
     font-weight:700;
     letter-spacing:1.8px;
     text-align:center;
     text-transform:uppercase;
     outline-color:#000;
     background-color:#000;
     color:#fff !important;
}
 .button:before,.button:after{
     content:'';
     display:block;
     flex-grow:1;
     flex-shrink:1;
     flex-basis:10px;
     width:3.21261rem 
}
 .button:before{
     order:0;
     float:left 
}
 .button:after{
     order:2;
     float:right 
}
 .button:link,.button:visited{
     text-decoration:none;
     outline-style:solid;
     outline-width:3px;
     outline-offset:-2px;
     outline-color:#000;
     background-color:#000;
     color:#fff;
}
 .button:hover,.button:active,.button:focus{
     text-decoration:none;
     outline-style:solid;
     outline-width:3px;
     outline-offset:-2px;
     cursor:pointer;
     background-color: #fff;
     color:#000 !important;
}
 .button-hollow,.button-hollow:link,.button-hollow:visited{
     background-color:transparent;
     color:#000 !important;
}
 .button-hollow:hover,.button-hollow:active,.button-hollow:focus{
     background-color:#000;
     color:#fff !important;
}
 .button-steel.button-hollow,.button-steel.button-hollow:link,.button-steel.button-hollow:visited{
     outline-color:var(--steel);
     background-color:transparent;
     color:var(--steel) !important;
}
 .button-steel,.button-steel:link,.button-steel:visited, .button-steel.button-hollow:hover,.button-steel.button-hollow:active,.button-steel.button-hollow:focus{
     outline-color:var(--steel);
     background-color:var(--steel);
     color:#fff !important;
}
 .button-steel:hover,.button-steel:active,.button-steel:focus{
     outline-color:var(--steel);
     background-color:#fff;
     color:var(--steel) !important;
}
 .button-cool.button-hollow, .button-cool.button-hollow:link,.button-cool.button-hollow:visited{
     outline-color:var(--cool);
     background-color:transparent;
     color:var(--cool) !important;
}
 .button-cool,.button-cool:link,.button-cool:visited, .button-cool.button-hollow:hover,.button-cool.button-hollow:active,.button-cool.button-hollow:focus{
     outline-color:var(--cool);
     background-color:var(--cool);
     color:#fff !important;
}
 .button-cool:hover,.button-cool:active,.button-cool:focus{
     outline-color:var(--cool);
     background-color:#fff;
     color:var(--cool) !important;
}
 .button-railway.button-hollow,.button-railway.button-hollow:link,.button-railway.button-hollow:visited{
     outline-color:var(--railway);
     background-color:transparent;
     color:var(--railway) !important;
}
 .button-railway,.button-railway:link,.button-railway:visited, .button-railway.button-hollow:hover,.button-railway.button-hollow:active,.button-railway.button-hollow:focus{
     outline-color:var(--railway);
     background-color:var(--railway);
     color:#000 !important;
}
 .button-railway:hover,.button-railway:active,.button-railway:focus{
     outline-color:var(--railway);
     background-color:#fff;
     color:var(--railway) !important;
}
 .button-steam.button-hollow,.button-steam.button-hollow:link,.button-steam.button-hollow:visited{
     outline-color:var(--steam);
     background-color:transparent;
     color:var(--steam) !important;
}
 .button-steam,.button-steam:link,.button-steam:visited, .button-steam.button-hollow:hover,.button-steam.button-hollow:active,.button-steam.button-hollow:focus{
     outline-color:var(--steam);
     background-color:var(--steam);
     color:#000 !important;
}
 .button-steam:hover,.button-steam:active,.button-steam:focus{
     outline-color:var(--steam);
     background-color:#000;
     color:var(--steam) !important;
}
 .button-aged.button-hollow, .button-aged.button-hollow:link,.button-aged.button-hollow:visited{
     outline-color:var(--aged);
     background-color:transparent;
     color:var(--aged) !important;
}
 .button-aged,.button-aged:link,.button-aged:visited, .button-aged.button-hollow:hover,.button-aged.button-hollow:active,.button-aged.button-hollow:focus{
     outline-color:var(--aged);
     background-color:var(--aged);
     color:#fff !important;
}
 .button-aged:hover,.button-aged:active,.button-aged:focus{
     outline-color:var(--aged);
     background-color:#fff;
     color:var(--aged) !important;
}
 .button-rush.button-hollow,.button-rush.button-hollow:link,.button-rush.button-hollow:visited{
     outline-color:var(--rush);
     background-color:transparent;
     color:var(--rush) !important;
}
 .button-rush,.button-rush:link,.button-rush:visited, .button-rush.button-hollow:hover,.button-rush.button-hollow:active,.button-rush.button-hollow:focus{
     outline-color:var(--rush);
     background-color:var(--rush);
     color:#000 !important;
}
 .button-rush:hover,.button-rush:active,.button-rush:focus{
     outline-color:var(--rush);
     background-color:#000;
     color:var(--rush) !important;
}
 .button-field.button-hollow,.button-field.button-hollow:link,.button-field.button-hollow:visited{
     outline-color:var(--field);
     background-color:transparent;
     color:var(--field) !important;
}
 .button-field,.button-field:link,.button-field:visited, .button-field.button-hollow:hover,.button-field.button-hollow:active,.button-aged.button-hollow:focus{
     outline-color:var(--field);
     background-color:var(--field);
     color:#000 !important;
}
 .button-field:hover,.button-field:active,.button-field:focus{
     outline-color:var(--field);
     background-color:#000;
     color:var(--field) !important;
}
 .button-boilermaker.button-hollow, .button-boilermaker.button-hollow:link,.button-boilermaker.button-hollow:visited{
     outline-color:var(--boilermaker);
     background-color:transparent;
     color:var(--boilermaker) !important;
}
 .button-boilermaker, .button-boilermaker:link,.button-boilermaker:visited, .button-boilermaker.button-hollow:hover,.button-boilermaker.button-hollow:active,.button-boilermaker.button-hollow:focus{
     outline-color:var(--boilermaker);
     background-color:var(--boilermaker);
     color:#000 !important;
}
 .button-boilermaker:hover,.button-boilermaker:active,.button-boilermaker:focus{
     outline-color:var(--boilermaker);
     background-color:#000;
     color:var(--boilermaker) !important;
}
 .button-dust.button-hollow,.button-dust.button-hollow:link,.button-dust.button-hollow:visited{
     outline-color:var(--dust);
     background-color:transparent;
     color:var(--dust) !important;
}
 .button-dust,.button-dust:link,.button-dust:visited, .button-dust.button-hollow:hover,.button-dust.button-hollow:active,.button-dust.button-hollow:focus{
     outline-color:var(--dust);
     background-color:var(--dust);
     color:#000 !important;
}
 .button-dust:hover,.button-dust:active,.button-dust:focus{
     outline-color:var(--dust);
     background-color:#000;
     color:var(--dust) !important;
}
 .button-white.button-hollow,.button-white.button-hollow:link,.button-white.button-hollow:visited{
     outline-color:#fff;
     background-color:transparent;
     color:#fff !important;
}
 .button-white,.button-white:link,.button-white:visited, .button-white.button-hollow:hover,.button-white.button-hollow:active,.button-white.button-hollow:focus{
     outline-color:#fff;
     background-color:#fff;
     color:#000 !important;
}
 .button-white:hover,.button-white:active,.button-white:focus{
     outline-color:#fff;
     background-color:#000;
     color:#fff !important;
}
 .button-hollow-hover:hover,.button-hollow-hover:active,.button-hollow-hover:focus{
     background-color: transparent !important;
}
 .button-wide{
     display:block;
     display:flex;
     width:100%;
     min-width:auto 
}
 .button-wide:before,.button-wide:after{
     width:auto 
}
 @media (min-width: 1200px){
     .button{
         padding:.625rem 2px;
         font-size:1.125rem 
    }
     .button:before,.button:after{
         width:3.875rem 
    }
     .button-wide:before,.button-wide:after{
         width:auto 
    }
}

 .button-link{
     background-color:transparent;
     border:none;
     text-decoration:underline;
     font-weight:bold;
}
 .button-link:hover,.button-link:focus{
     background-color:transparent;
}
 @media (min-width: 1200px){
     .button-wide-lg{
         display:block;
         display:flex;
         width:100%;
         min-width:auto 
    }
     .button-wide-lg:before,.button-wide-lg:after{
         width:auto 
    }
     .button-slim:before,.button-slim:after{
         width:1.25rem 
    }
     .button-slim-lg{
         display:inline-flex;
         font-weight:400;
         text-transform:none;
         font-size:1rem 
    }
     .button-slim-lg:link,.button-slim-lg:visited,.button-slim-lg:hover,.button-slim-lg:active{
         font-weight:400 
    }
     .button-slim-lg:before,.button-slim-lg:after{
         width:1.25rem 
    }
}


/******** Cards ********/
 .program-title {
     font-size: 2em;
     font-family: var(--united);
     text-shadow: 3px 3px 0 black;
     border-bottom: 4px solid var(--boilermaker);
     line-height: .8em;
}
 .program-title-white {
     font-size: 2em;
     font-family: var(--united);
     text-shadow: 3px 3px 0 white;
     border-bottom: 4px solid var(--boilermaker);
     line-height: .8em;
}
 .program-link {
     text-decoration: none;
     width: 40%;
     margin: 1% 1% 10%;
     min-height: 100px;
     padding: 3%;
     float: left;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     font-family: var(--acumincond);
}
 .box-shadow-card{
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
     transition: 0.3s;
}
 .box-shadow-card:hover,.box-shadow-card:focus{
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
 .card {
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     padding:1rem;
     position: relative;
}
 .card-to-edge{
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     position: relative;
}
 .card-flex-between{
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     border: 1em solid var(--boilermaker);
     text-align:center;
     text-decoration:none;
}
 .card-flex-between:hover, .card-flex-between:focus{
     border: 1em solid var(--railway);
}
 .card-flex-between h2, .card-flex-between .subheading, .card-flex-between h3, .card-flex-between .preheading {
     margin:.5em;
}
 .card-flex-between:hover h2, .card-flex-between:focus h2, .card-flex-between:hover .subheading, .card-flex-between:focus .subheading, .card-flex-between:hover h3, .card-flex-between:focus h3, .card-flex-between:hover .preheading, .card-flex-between:focus .preheading{
     text-decoration:underline;
}
 .image-card {
     position: relative;
     overflow: hidden;
     transform-origin: center top;
     transform-style: preserve-3d;
     transform: translateZ(0);
     transition: 0.3s;
     background-color: transparent;
     border:none;
     padding:0;
     margin:0;
     box-sizing:border-box;
     text-decoration:none;
     text-align:center;
}
 .image-card img{
     width:100%;
     min-height: 100%;
     object-fit:cover;
}
 .image-card .image-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 20px;
     padding-bottom: 10px;
     background-color:rgba(0,0,0,0.7);
     color: #fff;
     transform: translateY(100%);
     transition: 0.3s;
}
 .image-card:hover, .image-card:focus, .image-card:active{
     transform: translateY(-3px) scale(1.05);
}
 .image-card:hover .image-caption, .image-card:focus .image-caption, .image-card:active .image-caption{
     transform: none;
}
/******** Flip Cards ********/
 .flip-card {
     background-color: transparent;
     border:none;
     padding:0;
     margin:0;
     box-sizing:border-box;
     perspective: 2500px;
    /* Remove perspective if you don't want the 3D effect */
}
 .flip-card * {
     box-sizing:border-box;
}
/* This container is needed to position the front and back side */
 .flip-card-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.8s;
     transform-style: preserve-3d;
     -moz-backface-visibility: hidden;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
 .flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner {
     -moz-transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
}
/* Position the front and back side */
 .flip-card-front, .flip-card-back {
     display: block;
     float: left;
     width: 50%;
     height: 100%;
     -webkit-backface-visibility: hidden;
    /* Safari */
     backface-visibility: hidden;
     overflow-y: visible;
     transform: rotateX(0deg);
}
/* Style the front side (fallback if image is missing) */
 .flip-card-front {
}
/* Style the back side */
 .flip-card-back {
     -moz-transform: rotateY(180deg) translateZ(1px);
     -webkit-transform: rotateY(180deg) translateZ(1px);
     transform: rotateY(180deg) translateZ(1px);
     font-family: var(--acumincond);
}
 .flip-card-overflow {
     width: 200%;
     height: 100%;
}
 .card-deck {
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
}
 .card-deck .card{
     flex:0 1 12em;
     margin:1em;
}
/******** Explore Research Cards ********/
 [class*='grid-']>.facresearch-card, .facresearch-card {
     margin: 0;
     background: var(--steel);
     color: white;
     grid-column:auto/span 2;
}
 .facresearch-card > img, .facresearch-card > div > img {
     max-width: initial;
     width: 100%;
     max-height: 300px;
     object-fit: contain;
     object-position: 50% 50%;
}
 .facresearch-card > p, .facresearch-card > div > p {
     padding: 0 .5rem;
     line-height: 125%;
}
 .facresearch-card > h3, .facresearch-card > div > h3, .facresearch-card > .preheading, .facresearch-card > div > .preheading {
     margin: .5rem .5rem;
}
 .facresearch-card > p > .button {
     display:block;
}
/******** Localist Cards ********/
@media (min-width: 48em) {
.localist-card-group {grid-template-columns: repeat(auto-fill, minmax(290px, 290px));}
}
.localist-card-group {display: grid;grid-template-columns: repeat(auto-fill, minmax(290px, 343px));grid-gap: 2.5rem 2.1875rem;justify-content: center;margin-bottom: 4.25rem;}
.localist-card-group-250 {grid-template-columns: repeat(auto-fill, minmax(250px, 250px));}
.localist-card { position:relative;transition: all 0.2s ease-in; }
.localist-card .localist-card-image { height: 12.5rem;overflow: hidden;position: relative;cursor: pointer; }
.localist-card .localist-card-image img { height: 100%;width:100%;object-fit: cover;object-position: center; }
.localist-card .localist-card-text { padding: 1rem .75rem; }
.localist-card .localist-card-text a { color: inherit;text-decoration:none; }
.localist-card .localist-card-text a:hover {text-decoration:underline;}
.localist-card .localist-card-text .localist-card-title {margin:0;text-decoration:none;}
.localist-card .localist-card-text .localist-card-title:hover {text-decoration:underline;}
.localist-card .localist-card-text .localist-card-event-text {margin:0 0 .5rem 0;}
/******** Quotes / Callout Box ********/
 .callout-box {
     display:block;
     float:right;
     margin:1em;
     padding:1em;
     border:3px solid #000;
     width:31%;
     overflow:hidden;
     box-sizing:border-box;
     text-align:center;
}
 .callout-box h2, .callout-box .subheading, .callout-box h3, .callout-box .preheading {
     margin:0;
}
 @media only screen and (max-width: 50em){
     .callout-box {
         width: 98%;
         float: none;
    }
}
/******** Text On Image ********/
 .textOnImageRight, .text-on-image-right {
     max-width:33%;
     min-width:5em;
     margin-left:60%;
     padding:1rem;
}
 .textOnImageLeft, .text-on-image-left {
     max-width:33%;
     min-width:5em;
     padding:1rem;
}
 .textOnImageCenter, .text-on-image-center {
     max-width:33%;
     min-width:5em;
     margin-left:auto;
     margin-right:auto;
     padding:1rem;
}
 @media (max-width:48em){
     .textOnImageCenter,.textOnImageLeft,.textOnImageRight,.text-on-image-right,.text-on-image-left,.text-on-image-center{
         max-width:90%;
         min-width:5em;
         margin-left:auto;
         margin-right:auto;
         padding:1rem;
    }
}
 .textUnderImage, .text-under-image {
    /* border-bottom: 1em solid var(--boilermaker);
     */
}
 @media (max-width:48em){
    /* .textUnderImage{
         border-bottom: 13em solid var(--boilermaker);
    }
     */
     .textUnderImage, .text-under-image [class*='textOnImage']{
         position: relative;
        /*top: 13em;
         */
    }
}
/******** Spotlight ********/
 .imgWidth-lg-100 {
     display:block;
     max-width:100%;
}
 .imgWidth-lg-90 {
     display:block;
     max-width:90%;
}
 .imgWidth-lg-80 {
     display:block;
     max-width:80%;
}
 .imgWidth-lg-75 {
     display:block;
     max-width:75%;
}
 .imgWidth-lg-70 {
     display:block;
     max-width:70%;
}
 .imgWidth-lg-66 {
     display:block;
     max-width:66%;
}
 .imgWidth-lg-60 {
     display:block;
     max-width:60%;
}
 .imgWidth-lg-50 {
     display:block;
     max-width:50%;
}
 .imgWidth-lg-40 {
     display:block;
     max-width:40%;
}
 .imgWidth-lg-33 {
     display:block;
     max-width:33%;
}
 .imgWidth-lg-30 {
     display:block;
     max-width:30%;
}
 .imgWidth-lg-25 {
     display:block;
     max-width:25%;
}
 .imgWidth-lg-20 {
     display:block;
     max-width:20%;
}
 .imgWidth-lg-10 {
     display:block;
     max-width:10%;
}
 .imgWidth-lg-0 {
     display:none;
}
 @media (max-width:62em){
     .imgWidth-md-100 {
         display:block;
         max-width:100%;
    }
     .imgWidth-md-90 {
         display:block;
         max-width:90%;
    }
     .imgWidth-md-80 {
         display:block;
         max-width:80%;
    }
     .imgWidth-md-75 {
         display:block;
         max-width:75%;
    }
     .imgWidth-md-70 {
         display:block;
         max-width:70%;
    }
     .imgWidth-md-66 {
         display:block;
         max-width:66%;
    }
     .imgWidth-md-60 {
         display:block;
         max-width:60%;
    }
     .imgWidth-md-50 {
         display:block;
         max-width:50%;
    }
     .imgWidth-md-40 {
         display:block;
         max-width:40%;
    }
     .imgWidth-md-33 {
         display:block;
         max-width:33%;
    }
     .imgWidth-md-30 {
         display:block;
         max-width:30%;
    }
     .imgWidth-md-25 {
         display:block;
         max-width:25%;
    }
     .imgWidth-md-20 {
         display:block;
         max-width:20%;
    }
     .imgWidth-md-10 {
         display:block;
         max-width:10%;
    }
     .imgWidth-md-0 {
         display:none;
    }
}
 @media (max-width:48em){
     .imgWidth-sm-100 {
         display:block;
         max-width:100%;
    }
     .imgWidth-sm-90 {
         display:block;
         max-width:90%;
    }
     .imgWidth-sm-80 {
         display:block;
         max-width:80%;
    }
     .imgWidth-sm-75 {
         display:block;
         max-width:75%;
    }
     .imgWidth-sm-70 {
         display:block;
         max-width:70%;
    }
     .imgWidth-sm-66 {
         display:block;
         max-width:66%;
    }
     .imgWidth-sm-60 {
         display:block;
         max-width:60%;
    }
     .imgWidth-sm-50 {
         display:block;
         max-width:50%;
    }
     .imgWidth-sm-40 {
         display:block;
         max-width:40%;
    }
     .imgWidth-sm-33 {
         display:block;
         max-width:33%;
    }
     .imgWidth-sm-30 {
         display:block;
         max-width:30%;
    }
     .imgWidth-sm-25 {
         display:block;
         max-width:25%;
    }
     .imgWidth-sm-20 {
         display:block;
         max-width:20%;
    }
     .imgWidth-sm-10 {
         display:block;
         max-width:10%;
    }
     .imgWidth-sm-0 {
         display:none;
    }
}
 @media (max-width:31em){
     .imgWidth-xs-100 {
         display:block;
         max-width:100%;
    }
     .imgWidth-xs-90 {
         display:block;
         max-width:90%;
    }
     .imgWidth-xs-80 {
         display:block;
         max-width:80%;
    }
     .imgWidth-xs-75 {
         display:block;
         max-width:75%;
    }
     .imgWidth-xs-70 {
         display:block;
         max-width:70%;
    }
     .imgWidth-xs-66 {
         display:block;
         max-width:66%;
    }
     .imgWidth-xs-60 {
         display:block;
         max-width:60%;
    }
     .imgWidth-xs-50 {
         display:block;
         max-width:50%;
    }
     .imgWidth-xs-40 {
         display:block;
         max-width:40%;
    }
     .imgWidth-xs-33 {
         display:block;
         max-width:33%;
    }
     .imgWidth-xs-30 {
         display:block;
         max-width:30%;
    }
     .imgWidth-xs-25 {
         display:block;
         max-width:25%;
    }
     .imgWidth-xs-20 {
         display:block;
         max-width:20%;
    }
     .imgWidth-xs-10 {
         display:block;
         max-width:10%;
    }
     .imgWidth-xs-0 {
         display:none;
    }
}
 .submenu {
     list-style: none;
     padding: 0;
     display: flex;
     margin: 0em auto;
     flex-direction: row;
     justify-content: space-evenly;
     flex-wrap:wrap;
}
 .alert {
     padding: 1.3em;
     background-color: var(--aged);
     color: white;
}
 .closebtn, .close-alert, .close-survey {
     margin-left: 1.25em;
     color: white;
     font-weight: bold;
     float: right;
     font-size: 1.6em;
     line-height: 1em;
     cursor: pointer;
     transition: 0.3s;
}
 .closebtn:hover, .close-alert:hover, .close-survey:hover {
     color: black;
}
/******** Videos ********/
 .video-max{
     max-width: 560px;
     text-align:center;
     margin-left:auto;
     margin-right:auto;
}
 .video-container {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
}
 .video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .vertical-title {
     position: absolute;
     left: 0;
     text-transform: uppercase;
     transform: translateY(-50%) rotate(-90deg);
     font-style: italic;
     top: 50%;
}
 @media (max-width:82em){
     .vertical-title{
         position:relative;
         transform:none;
    }
}
 .video-container-800{ max-width: 800px;margin: 20px 0; }
 .video-wrapper { position: relative;overflow: hidden;width: 100%;aspect-ratio: 16 / 9;background: var(--black);border-radius: 2px; }
 .video-wrapper.aspect-4-3 { aspect-ratio: 4 / 3; }
 .video-wrapper.aspect-1-1 { aspect-ratio: 1 / 1; }
 .video-wrapper.aspect-9-16 { aspect-ratio: 9 / 16;max-width: 400px;margin: 0 auto; }
 .video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;border-radius: 2px;}
 .video-cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;transition: transform 0.2s ease;}
 .video-cover:hover {transform: scale(1.02);}
 .video-cover img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 2px;}
 .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background: none;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .play-button::before {
    content: "\f144";
    font-family: var(--fontawesome);
    font-weight: 600;
    font-size: 2.5rem;
    color: var(--white);
    text-shadow: 0 0 5px var(--black);
}
 .play-button:hover {transform: translate(-50%, -50%) scale(1.1);color: var(--boilermaker);}
 .video-wrapper.loading .play-button {display: none;}
    .video-wrapper.loading::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-top: 3px solid var(--white);
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    .mobile-video {display: none;}
    @media screen and (max-width: 768px) {
        .video-container-800 {margin-bottom: 1em;}
        .mobile-video {display: block;}
    }



 
/******** Rankings ********/
 .ranking {
     font-size:3em;
     font-weight:bold;
     font-family:var(--united);
     line-height:1em !important;
}
 a.bar-ranking-grid-container {
     text-decoration:none;
     color:inherit;
     background-color:inherit;
}
 .bar-ranking-grid-container {
     display: grid;
     grid-template-columns: auto 6fr;
     margin: 0;
}
 .bar-ranking-grid-container .leftbox {
     display: flex;
     position: relative;
     grid-row: 1/3;
}
 .bar-ranking-grid-container .righttopbox {
     position: relative;
}
 .bar-ranking-grid-container .rightbottombox {
     position: relative;
}
 .bar-ranking-grid-container .rank-number {
     display: flex;
     background: var(--boilermaker);
     height: 6rem;
     min-width: 6rem;
     font-size: 300%;
     margin-top: auto;
     margin-left: 0;
     margin-right: 1.25rem;
     z-index: 2;
     transform: skew(-8.5deg, 0deg);
     overflow: hidden;
     text-align: center;
}
 .bar-ranking-grid-container .rank-number span {
     font-family: var(--unitedcond);
     display: inline-block;
     margin: auto;
     padding: 0 .33em;
     transform: skew(8.5deg, 0deg);
     line-height: 75%;
}
 .bar-ranking-grid-container .rank-title {
     width: 100%;
     font-weight: bold;
     font-style: italic;
     font-size: 133%;
     line-height: 90%;
     padding: 1.6rem 0 .9rem;
}
 .bar-ranking-grid-container .rank-source {
     background: black;
     color: #eee;
     font-size:90%;
     line-height: 1.4rem;
     padding-bottom:.1rem;
     padding-right: .5rem;
     width: 100%;
     position: relative;
     padding-left: 2rem;
     left: -2rem;
}
/******** Tables ********/
/* armstrong - boilermaker gold th, 8px horizontal borders between td cells */
 .table-armstrong, .table-boilermaker {
     width: 100%;
     border-spacing: 0;
}
 .table-boilermaker th, .table-armstrong th {
     background: var(--boilermaker);
     color: var(--black);
     padding: 8px;
}
 .table-boilermaker td, .table-armstrong td {
     border-bottom: 4px solid var(--steam);
     padding: 8px;
}
 .table-black {
     width: 100%;
     border-spacing: 0;
}
 .table-black th {
     background: var(--black);
     color:var(--steam);
     padding: 8px;
}
 .table-black td {
     border-bottom: 4px solid var(--steel);
     padding: 8px;
}
/******** Forms ********/
 .checkbox-label {
     display: block;
     position: relative;
     padding-left: 1.6em;
     margin-bottom: .55em;
     cursor: pointer;
     font-size: 20px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .checkbox-label input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 1.14em;
     width: 1.14em;
     background-color: #eee;
}
 .checkbox-label:hover input ~ .checkmark, .checkbox-label input:focus ~ .checkmark {
     background-color: #ccc;
     border:1px dashed #333;
}
 .checkbox-label input:checked ~ .checkmark {
     background-color: var(--aged);
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .checkbox-label input:checked ~ .checkmark:after {
     display: block;
}
 .checkbox-label .checkmark:after {
     left: .41em;
     top: .23em;
     width: .23em;
     height: .45em;
     border: solid white;
     border-width: 0 .14em .14em 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 input.button{
     border:0;
     padding-right: 3.21261rem;
     padding-left: 3.21261rem;
}
 input.button:hover, input.button:focus{
}
/******** End Forms ********/
 .text-shadow {
     text-shadow: 0 0 5px #000;
}
 .box-shadow {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .accessible {
     position:absolute;
     left:-2000em;
     float:left;
     color:#333;
     background-color:#fff;
}
 .subheadline-3e {
     margin-top:-3em;
}
 .hide {
     display:none;
     float:left;
     margin-left:-2000%;
}
 .withsub {
     margin-bottom:0;
}
 .subhead {
     margin-top:0;
     font-size:.8em;
     text-transform: uppercase;
}
 .instastyle {
     background-color:#0084b4;
     color:white;
     padding:.5em;
     text-decoration: none;
     display:inline-block;
     border-radius: .3em;
}
 .instastyle:hover {
     background-color:#3b5998;
}
/******** Grids ********/
/******** Grid RAM ********/
 ul[class*='grid-']{
     margin:0;
     padding:0;
     list-style:none;
}
 .grid-ram-0 {
     display:none;
}
 .grid-ram-1 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));
     --maxcols: 1;
}
 .grid-ram-2 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(22.2em ,1fr));
     --maxcols: 2;
}
 .grid-ram-3 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(16.4em, 1fr));
     --maxcols: 3;
}
 .grid-ram-4 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(13em, 1fr));
     --maxcols: 4;
}
 .grid-ram-5 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(10.7em, 1fr));
     --maxcols: 5;
}
 .grid-ram-6 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(9em, 1fr));
     --maxcols: 6;
}
 .grid-ram-7 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(7.8em, 1fr));
     --maxcols: 7;
}
 .grid-ram-8 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(6.8em, 1fr));
     --maxcols: 8;
}
 .grid-ram-9 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(6.1em, 1fr));
     --maxcols: 9;
}
 .grid-ram-10 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(5.4em, 1fr));
     --maxcols: 10;
}
 .grid-ram-11 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(4.9em, 1fr));
     --maxcols: 11;
}
 .grid-ram-12 {
     display:grid;
     grid-gap:1rem;
     grid-template-columns:repeat(auto-fit, minmax(4.8em, 1fr));
     --maxcols: 12;
}
 @media(max-width: 28em) {
    /* allows 2 column items to shrink enough on mobile */
     .grid-ram-2 {
         grid-template-columns: repeat(auto-fit, minmax(16em ,1fr));
    }
}
/* allow a fixed width left column and adaptive width right column */
 .grid-grail-2 {
     display: grid;
     grid-template-columns: auto 1fr;
}
 [class*="-ram-1"] .col-span-2, [class*="-ram-1"] .col-span-3, [class*="-ram-1"] .col-span-4, [class*="-ram-1"] .col-span-5, [class*="-ram-1"] .col-span-6, [class*="-ram-1"] .col-span-7, [class*="-ram-1"] .col-span-8, [class*="-ram-1"] .col-span-9, [class*="-ram-1"] .col-span-10, [class*="-ram-1"] .col-span-11, [class*="-ram-1"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-ram-2"] .col-span-3, [class*="-ram-2"] .col-span-4, [class*="-ram-2"] .col-span-5, [class*="-ram-2"] .col-span-6, [class*="-ram-2"] .col-span-7, [class*="-ram-2"] .col-span-8, [class*="-ram-2"] .col-span-9, [class*="-ram-2"] .col-span-10, [class*="-ram-2"] .col-span-11, [class*="-ram-2"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-ram-3"] .col-span-4, [class*="-ram-3"] .col-span-5, [class*="-ram-3"] .col-span-6, [class*="-ram-3"] .col-span-7, [class*="-ram-3"] .col-span-8, [class*="-ram-3"] .col-span-9, [class*="-ram-3"] .col-span-10, [class*="-ram-3"] .col-span-11, [class*="-ram-3"] .col-span-12{
     grid-column: span var(--maxcols);
}
/******** Grid Horizontal Scroll (CSS Fallback) ********/
 .horizontal-scroll-container {
     overflow-x: scroll;
     width: 100%;
     padding: 0;
     margin: auto;
}
 @media (max-width:767px){
     .horizontal-scroll-container {
         padding: 0 20px;
    }
}
 [class*="grid-ram-"].horizontal-scroll {
     grid-gap:0em;
}
 .grid-ram-1.horizontal-scroll {
     grid-template-columns: repeat(1000, 100%);
}
 .grid-ram-2.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(50% - 1rem));
}
 @media (max-width:781px){
     .grid-ram-2.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-3.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(33% - 1rem));
}
 @media (max-width:865px){
     .grid-ram-3.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:577px){
     .grid-ram-3.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-4.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(25% - 1rem));
}
 @media (max-width:915px){
     .grid-ram-4.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1rem));
    }
}
 @media (max-width:686px){
     .grid-ram-4.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:457px){
     .grid-ram-4.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-5.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(20% - 1rem));
}
 @media (max-width:941px){
     .grid-ram-5.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1rem));
    }
}
 @media (max-width:753px){
     .grid-ram-5.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1rem));
    }
}
 @media (max-width:564px){
     .grid-ram-5.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:376px){
     .grid-ram-5.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-6.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(16% - 1rem));
}
 @media (max-width:950px){
     .grid-ram-6.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1rem));
    }
}
 @media (max-width:792px){
     .grid-ram-6.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1rem));
    }
}
 @media (max-width:633px){
     .grid-ram-6.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1rem));
    }
}
 @media (max-width:475px){
     .grid-ram-6.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:316px){
     .grid-ram-6.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(100% - 1rem));
    }
}
 .grid-ram-7.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(14% - 1rem));
}
 @media (max-width:960px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1rem));
    }
}
 @media (max-width:823px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1rem));
    }
}
 @media (max-width:686px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1rem));
    }
}
 @media (max-width:549px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1rem));
    }
}
 @media (max-width:411px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:274px){
     .grid-ram-7.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-8.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(12% - 1rem));
}
 @media (max-width:957px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(14% - 1rem));
    }
}
 @media (max-width:837px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1rem));
    }
}
 @media (max-width:718px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1rem));
    }
}
 @media (max-width:598px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1rem));
    }
}
 @media (max-width:478px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1rem));
    }
}
 @media (max-width:359px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1rem));
    }
}
 @media (max-width:239px){
     .grid-ram-8.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-9.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(11% - 1em));
}
 @media (max-width:1150px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(12% - 1em));
    }
}
 @media (max-width:1020px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(14% - 1em));
    }
}
 @media (max-width:890px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1em));
    }
}
 @media (max-width:770px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1em));
    }
}
 @media (max-width:650px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1em));
    }
}
 @media (max-width:520px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1em));
    }
}
 @media (max-width:400px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1em));
    }
}
 @media (max-width:280px){
     .grid-ram-9.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-10.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(10% - 1em));
}
 @media (max-width:1150px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(11% - 1em));
    }
}
 @media (max-width:1030px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(12% - 1em));
    }
}
 @media (max-width:920px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(14% - 1em));
    }
}
 @media (max-width:810px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1em));
    }
}
 @media (max-width:700px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1em));
    }
}
 @media (max-width:590px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1em));
    }
}
 @media (max-width:470px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1em));
    }
}
 @media (max-width:360px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1em));
    }
}
 @media (max-width:250px){
     .grid-ram-10.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-11.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(9% - 1em));
}
 @media (max-width:1160px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(10% - 1em));
    }
}
 @media (max-width:1050px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(11% - 1em));
    }
}
 @media (max-width:950px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(12% - 1em));
    }
}
 @media (max-width:850px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(14% - 1em));
    }
}
 @media (max-width:750px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1em));
    }
}
 @media (max-width:640px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1em));
    }
}
 @media (max-width:540px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1em));
    }
}
 @media (max-width:440px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1em));
    }
}
 @media (max-width:340px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1em));
    }
}
 @media (max-width:230px){
     .grid-ram-11.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}
 .grid-ram-12.horizontal-scroll {
     grid-template-columns: repeat(1000, calc(8% - 1em));
}
 @media (max-width:1240px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(9% - 1em));
    }
}
 @media (max-width:1140px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(10% - 1em));
    }
}
 @media (max-width:1040px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(11% - 1em));
    }
}
 @media (max-width:940px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(12% - 1em));
    }
}
 @media (max-width:840px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(14% - 1em));
    }
}
 @media (max-width:740px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(16% - 1em));
    }
}
 @media (max-width:640px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(20% - 1em));
    }
}
 @media (max-width:530px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(25% - 1em));
    }
}
 @media (max-width:430px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(33% - 1em));
    }
}
 @media (max-width:330px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, calc(50% - 1em));
    }
}
 @media (max-width:230px){
     .grid-ram-12.horizontal-scroll {
         grid-template-columns: repeat(1000, 100%);
    }
}

/******** Grid Old Design ********/
 [class*='grid-lg-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid-md-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid-sm-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid-xs-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid12-lg-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid12-md-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid12-sm-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='grid12-xs-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='block-lg-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='block-md-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='block-sm-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='block-xs-']{
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 [class*='block-lg-']{
     float:left;
     display:inherit 
}
 [class*='grid-lg-'], [class*='grid-md-'], [class*='grid-sm-'], [class*='grid-xs-'] {
     display:flex;
     flex-wrap:wrap;
     flex-direction: row;
}
 .grid-lg-0{
     display:none;
}
 [class*='grid-lg-1'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%) - 2em);
}
 [class*='grid-lg-2'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/2) - 2em);
}
 [class*='grid-lg-3'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/3) - 2em);
}
 [class*='grid-lg-4'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/4) - 2em);
}
 [class*='grid-lg-5'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/5) - 2em);
}
 [class*='grid-lg-6'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/6) - 2em);
}
 [class*='grid-lg-7'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/7) - 2em);
}
 [class*='grid-lg-8'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/8) - 2em);
}
 [class*='grid-lg-9'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/9) - 2em);
}
 [class*='grid-lg-10'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/10) - 2em);
}
 [class*='grid-lg-11'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/11) - 2em);
}
 [class*='grid-lg-12'] > * {
     margin:1em;
     min-width:5em;
     width:calc((100%/12) - 2em);
}
 @media (max-width:62em){
     .grid-md-0{
         display:none;
    }
     [class*='grid-md-1'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%) - 2em);
    }
     [class*='grid-md-2'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/2) - 2em);
    }
     [class*='grid-md-3'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/3) - 2em);
    }
     [class*='grid-md-4'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/4) - 2em);
    }
     [class*='grid-md-5'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/5) - 2em);
    }
     [class*='grid-md-6'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/6) - 2em);
    }
     [class*='grid-md-7'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/7) - 2em);
    }
     [class*='grid-md-8'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/8) - 2em);
    }
     [class*='grid-md-9'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/9) - 2em);
    }
     [class*='grid-md-10'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/10) - 2em);
    }
     [class*='grid-md-11'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/11) - 2em);
    }
     [class*='grid-md-12'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/12) - 2em);
    }
}
 @media (max-width:48em){
     .grid-sm-0{
         display:none;
    }
     [class*='grid-sm-1'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%) - 2em);
    }
     [class*='grid-sm-2'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/2) - 2em);
    }
     [class*='grid-sm-3'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/3) - 2em);
    }
     [class*='grid-sm-4'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/4) - 2em);
    }
     [class*='grid-sm-5'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/5) - 2em);
    }
     [class*='grid-sm-6'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/6) - 2em);
    }
     [class*='grid-sm-7'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/7) - 2em);
    }
     [class*='grid-sm-8'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/8) - 2em);
    }
     [class*='grid-sm-9'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/9) - 2em);
    }
     [class*='grid-sm-10'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/10) - 2em);
    }
     [class*='grid-sm-11'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/11) - 2em);
    }
     [class*='grid-sm-12'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/12) - 2em);
    }
}
 @media (max-width:31em){
     .grid-xs-0{
         display:none;
    }
     [class*='grid-xs-1'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%) - 2em);
    }
     [class*='grid-xs-2'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/2) - 2em);
    }
     [class*='grid-xs-3'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/3) - 2em);
    }
     [class*='grid-xs-4'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/4) - 2em);
    }
     [class*='grid-xs-5'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/5) - 2em);
    }
     [class*='grid-xs-6'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/6) - 2em);
    }
     [class*='grid-xs-7'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/7) - 2em);
    }
     [class*='grid-xs-8'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/8) - 2em);
    }
     [class*='grid-xs-9'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/9) - 2em);
    }
     [class*='grid-xs-10'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/10) - 2em);
    }
     [class*='grid-xs-11'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/11) - 2em);
    }
     [class*='grid-xs-12'] > * {
         margin:1em;
         min-width:5em;
         width:calc((100%/12) - 2em);
    }
}
/* [class*='grid-lg-'] > div, [class*='grid-md-'] > div, [class*='grid-sm-'] > div, [class*='grid-xs-'] > div {
     display:flex;
     flex:1;
}
 */
 /******** Grid / Flex Parameters ********/
 .auto-flow-row{
     grid-auto-flow: row;
}
 .auto-flow-column{
     grid-auto-flow: column;
}
 .auto-flow-dense{
     grid-auto-flow: dense;
}
 .auto-flow-row-dense{
     grid-auto-flow: row dense;
}
 .auto-flow-column-dense{
     grid-auto-flow: column dense;
}
 .align-self-start{
     align-self: start;
}
 .align-self-end{
     align-self:end;
}
 .align-self-center{
     align-self: center;
}
 .align-self-stretch{
     align-self: stretch;
}
 .justify-self-start{
     justify-self: start;
}
 .justify-self-end{
     justify-self:end;
}
 .justify-self-center{
     justify-self: center;
}
 .justify-self-stretch{
     justify-self: stretch;
}
 .flex {
     display:flex;
}
 .flex-boxing {
     box-sizing: border-box;
}
 .flex-wrap {
     flex-wrap:wrap;
}
 .flex-wrap-no {
     flex-wrap:nowrap;
}
 .flex-wrap-reverse {
     flex-wrap:wrap-reverse;
}
 .flex-grow {
     flex-grow:1;
}
 .flex-row {
     display:flex;
     flex-direction:row;
}
 .flex-column{
     display:flex;
     flex-direction:column;
}
 .flex-left {
     justify-content: flex-start;
}
 .flex-right {
     justify-content: flex-end;
}
 .flex-center {
     justify-content: center;
}
 .flex-between {
     justify-content: space-between;
}
 .flex-around {
     justify-content: space-around;
}
 .flex-evenly {
     justify-content: space-evenly;
}
 .flex-top {
     align-items: flex-start;
}
 .flex-bottom {
     align-items: flex-end;
}
 .flex-middle {
     align-items: center;
}
 .flex-stretch {
     align-items: stretch;
}
 .flex-baseline {
     align-items: baseline;
}
 .flex-content-start{
     align-content: flex-start;
}
 .flex-content-center{
     align-content: center;
}
 .flex-content-end{
     align-content: flex-end;
}
 .flex-content-stretch{
     align-content: stretch;
}
 .flex-content-between{
     align-content: space-between;
}
 .flex-content-around{
     align-content: space-around;
}
 .flex-content-evenly{
     align-content: space-evenly;
}
 .flex-lg-0{
     display:none;
}
 .flex-lg-1{
     flex-basis: calc(100%/1);
}
 .flex-lg-2{
     flex-basis: calc(100%/2);
}
 .flex-lg-3{
     flex-basis: calc(100%/3);
}
 .flex-lg-4{
     flex-basis: calc(100%/4);
}
 .flex-lg-5{
     flex-basis: calc(100%/5);
}
 .flex-lg-6{
     flex-basis: calc(100%/6);
}
 .flex-lg-7{
     flex-basis: calc(100%/7);
}
 .flex-lg-8{
     flex-basis: calc(100%/8);
}
 .flex-lg-9{
     flex-basis: calc(100%/9);
}
 .flex-lg-10{
     flex-basis: calc(100%/10);
}
 .flex-lg-11{
     flex-basis: calc(100%/11);
}
 .flex-lg-12{
     flex-basis: calc(100%/12);
}
 @media (max-width:62em){
     .flex-md-0{
         display:none;
    }
     .flex-md-1{
         flex-basis: calc(100%/1);
    }
     .flex-md-2{
         flex-basis: calc(100%/2);
    }
     .flex-md-3{
         flex-basis: calc(100%/3);
    }
     .flex-md-4{
         flex-basis: calc(100%/4);
    }
     .flex-md-5{
         flex-basis: calc(100%/5);
    }
     .flex-md-6{
         flex-basis: calc(100%/6);
    }
     .flex-md-7{
         flex-basis: calc(100%/7);
    }
     .flex-md-8{
         flex-basis: calc(100%/8);
    }
     .flex-md-9{
         flex-basis: calc(100%/9);
    }
     .flex-md-10{
         flex-basis: calc(100%/10);
    }
     .flex-md-11{
         flex-basis: calc(100%/11);
    }
     .flex-md-12{
         flex-basis: calc(100%/12);
    }
}
 @media (max-width:48em){
     .flex-sm-0{
         display:none;
    }
     .flex-sm-1{
         flex-basis: calc(100%/1);
    }
     .flex-sm-2{
         flex-basis: calc(100%/2);
    }
     .flex-sm-3{
         flex-basis: calc(100%/3);
    }
     .flex-sm-4{
         flex-basis: calc(100%/4);
    }
     .flex-sm-5{
         flex-basis: calc(100%/5);
    }
     .flex-sm-6{
         flex-basis: calc(100%/6);
    }
     .flex-sm-7{
         flex-basis: calc(100%/7);
    }
     .flex-sm-8{
         flex-basis: calc(100%/8);
    }
     .flex-sm-9{
         flex-basis: calc(100%/9);
    }
     .flex-sm-10{
         flex-basis: calc(100%/10);
    }
     .flex-sm-11{
         flex-basis: calc(100%/11);
    }
     .flex-sm-12{
         flex-basis: calc(100%/12);
    }
}
 @media (max-width:31em){
     .flex-xs-0{
         display:none;
    }
     .flex-xs-1{
         flex-basis: calc(100%/1);
    }
     .flex-xs-2{
         flex-basis: calc(100%/2);
    }
     .flex-xs-3{
         flex-basis: calc(100%/3);
    }
     .flex-xs-4{
         flex-basis: calc(100%/4);
    }
     .flex-xs-5{
         flex-basis: calc(100%/5);
    }
     .flex-xs-6{
         flex-basis: calc(100%/6);
    }
     .flex-xs-7{
         flex-basis: calc(100%/7);
    }
     .flex-xs-8{
         flex-basis: calc(100%/8);
    }
     .flex-xs-9{
         flex-basis: calc(100%/9);
    }
     .flex-xs-10{
         flex-basis: calc(100%/10);
    }
     .flex-xs-11{
         flex-basis: calc(100%/11);
    }
     .flex-xs-12{
         flex-basis: calc(100%/12);
    }
}
/******** Grid Fixed ********/
 @supports (display: grid) {
     [class*='grid-lg-'], [class*='grid-md-'], [class*='grid-sm-'], [class*='grid-xs-'] {
         grid-auto-columns:1fr;
    }
     [class*='grid-lg-'] > *, [class*='grid-md-'] > *, [class*='grid-sm-'] > *, [class*='grid-xs-'] > * {
         width:auto;
    }
     .grid-lg-0{
         display:none;
    }
     .grid-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr);
         --maxcols: 2;
    }
     .grid-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,1fr);
         --maxcols: 3;
    }
     .grid-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,1fr);
         --maxcols: 4;
    }
     .grid-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,1fr);
         --maxcols: 5;
    }
     .grid-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,1fr);
         --maxcols: 6;
    }
     .grid-lg-7{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(7,1fr);
         --maxcols: 7;
    }
     .grid-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(8,1fr);
         --maxcols: 8;
    }
     .grid-lg-9{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(9,1fr);
         --maxcols: 9;
    }
     .grid-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(10,1fr);
         --maxcols: 10;
    }
     .grid-lg-11{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(11,1fr);
         --maxcols: 11;
    }
     .grid-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(12,1fr);
         --maxcols: 12;
    }
     [class*='grid-lg-'] > .grid-span-2{
         grid-column:auto/span 2;
    }
     [class*='grid-lg-'] > .grid-span-3{
         grid-column:auto/span 3;
    }
     [class*='grid-lg-'] > .grid-span-4{
         grid-column:auto/span 4;
    }
     [class*='grid-lg-'] > .grid-span-5{
         grid-column:auto/span 5;
    }
     [class*='grid-lg-'] > .grid-span-6{
         grid-column:auto/span 6;
    }
     [class*='grid-lg-'] > .grid-span-7{
         grid-column:auto/span 7;
    }
     [class*='grid-lg-'] > .grid-span-8{
         grid-column:auto/span 8;
    }
     [class*='grid-lg-'] > .grid-span-9{
         grid-column:auto/span 9;
    }
     [class*='grid-lg-'] > .grid-span-10{
         grid-column:auto/span 10;
    }
     [class*='grid-lg-'] > .grid-span-11{
         grid-column:auto/span 11;
    }
     [class*='grid-lg-'] > .grid-span-12{
         grid-column:auto/span 12;
    }
     @media (max-width:62em){
         .grid-md-0{
             display:none;
        }
         .grid-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr);
             --maxcols: 2;
        }
         .grid-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr);
             --maxcols: 3;
        }
         .grid-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(4,1fr);
             --maxcols: 4;
        }
         .grid-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(5,1fr);
             --maxcols: 5;
        }
         .grid-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(6,1fr);
             --maxcols: 6;
        }
         .grid-md-7{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(7,1fr);
             --maxcols: 7;
        }
         .grid-md-8{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(8,1fr);
             --maxcols: 8;
        }
         .grid-md-9{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(9,1fr);
             --maxcols: 9;
        }
         .grid-md-10{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(10,1fr);
             --maxcols: 10;
        }
         .grid-md-11{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(11,1fr);
             --maxcols: 11;
        }
         .grid-md-12{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(12,1fr);
             --maxcols: 12;
        }
    }
     @media (max-width:48em){
         .grid-sm-0{
             display:none;
        }
         .grid-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr);
             --maxcols: 2;
        }
         .grid-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr);
             --maxcols: 3;
        }
         .grid-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(4,1fr);
             --maxcols: 4;
        }
         .grid-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(5,1fr);
             --maxcols: 5;
        }
         .grid-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(6,1fr);
             --maxcols: 6;
        }
         .grid-sm-7{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(7,1fr);
             --maxcols: 7;
        }
         .grid-sm-8{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(8,1fr);
             --maxcols: 8;
        }
         .grid-sm-9{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(9,1fr);
             --maxcols: 9;
        }
         .grid-sm-10{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(10,1fr);
             --maxcols: 10;
        }
         .grid-sm-11{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(11,1fr);
             --maxcols: 11;
        }
         .grid-sm-12{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(12,1fr);
             --maxcols: 12;
        }
    }
     @media (max-width:31em){
         .grid-xs-0{
             display:none;
        }
         .grid-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr);
             --maxcols: 2;
        }
         .grid-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr);
             --maxcols: 3;
        }
         .grid-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(4,1fr);
             --maxcols: 4;
        }
         .grid-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(5,1fr);
             --maxcols: 5;
        }
         .grid-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(6,1fr);
             --maxcols: 6;
        }
         .grid-xs-7{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(7,1fr);
             --maxcols: 7;
        }
         .grid-xs-8{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(8,1fr);
             --maxcols: 8;
        }
         .grid-xs-9{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(9,1fr);
             --maxcols: 9;
        }
         .grid-xs-10{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(10,1fr);
             --maxcols: 10;
        }
         .grid-xs-11{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(11,1fr);
             --maxcols: 11;
        }
         .grid-xs-12{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(12,1fr);
             --maxcols: 12;
        }
    }
/******** Grid Ratios ********/
     .grid12-lg-0{
         display:none;
    }
     .grid12-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid12-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 2fr;
         --maxcols: 2;
    }
     .grid12-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 2fr 1fr;
         --maxcols: 3;
    }
     .grid12-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 2fr);
         --maxcols: 4;
    }
     .grid12-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 2fr) 1fr;
         --maxcols: 5;
    }
     .grid12-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,1fr 2fr);
         --maxcols: 6;
    }
     .grid12-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,1fr 2fr);
         --maxcols: 8;
    }
     .grid12-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,1fr 2fr);
         --maxcols: 10;
    }
     .grid12-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,1fr 2fr);
         --maxcols: 12;
    }
     .grid13-lg-0{
         display:none;
    }
     .grid13-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid13-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 3fr;
         --maxcols: 2;
    }
     .grid13-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 3fr 1fr;
         --maxcols: 3;
    }
     .grid13-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 3fr);
         --maxcols: 4;
    }
     .grid13-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns:repeat(2,1fr 3fr) 1fr;
         --maxcols: 5;
    }
     .grid13-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,1fr 3fr);
         --maxcols: 6;
    }
     .grid13-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,1fr 3fr);
         --maxcols: 8;
    }
     .grid13-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,1fr 3fr);
         --maxcols: 10;
    }
     .grid13-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,1fr 3fr);
         --maxcols: 12;
    }
     .grid14-lg-0{
         display:none;
    }
     .grid14-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid14-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 4fr;
         --maxcols: 2;
    }
     .grid14-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 4fr 1fr;
         --maxcols: 3;
    }
     .grid14-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 4fr);
         --maxcols: 4;
    }
     .grid14-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 4fr) 1fr;
         --maxcols: 5;
    }
     .grid14-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,1fr 4fr);
         --maxcols: 6;
    }
     .grid14-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,1fr 4fr);
         --maxcols: 8;
    }
     .grid14-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,1fr 4fr);
         --maxcols: 10;
    }
     .grid14-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,1fr 4fr);
         --maxcols: 12;
    }
     .grid15-lg-0{
         display:none;
    }
     .grid15-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid15-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 5fr;
         --maxcols: 2;
    }
     .grid15-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr 5fr 1fr;
         --maxcols: 3;
    }
     .grid15-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 5fr);
         --maxcols: 4;
    }
     .grid15-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,1fr 5fr) 1fr;
         --maxcols: 5;
    }
     .grid15-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,1fr 5fr);
         --maxcols: 6;
    }
     .grid15-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,1fr 5fr);
         --maxcols: 8;
    }
     .grid15-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,1fr 5fr);
         --maxcols: 10;
    }
     .grid15-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,1fr 5fr);
         --maxcols: 12;
    }
     @media (max-width:62em){
         .grid12-md-0{
             display:none;
        }
         .grid12-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid12-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr;
             --maxcols: 2;
        }
         .grid12-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr 1fr;
             --maxcols: 3;
        }
         .grid12-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr);
             --maxcols: 4;
        }
         .grid12-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr) 1fr;
             --maxcols: 5;
        }
         .grid12-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 2fr);
             --maxcols: 6;
        }
         .grid13-md-0{
             display:none;
        }
         .grid13-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid13-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr;
             --maxcols: 2;
        }
         .grid13-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr 1fr;
             --maxcols: 3;
        }
         .grid13-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr);
             --maxcols: 4;
        }
         .grid13-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr) 1fr;
             --maxcols: 5;
        }
         .grid13-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 3fr);
             --maxcols: 6;
        }
         .grid14-md-0{
             display:none;
        }
         .grid14-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid14-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr;
             --maxcols: 2;
        }
         .grid14-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr 1fr;
             --maxcols: 3;
        }
         .grid14-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr);
             --maxcols: 4;
        }
         .grid14-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr) 1fr;
             --maxcols: 5;
        }
         .grid14-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 4fr);
             --maxcols: 6;
        }
         .grid15-md-0{
             display:none;
        }
         .grid15-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid15-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr;
             --maxcols: 2;
        }
         .grid15-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr 1fr;
             --maxcols: 3;
        }
         .grid15-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr);
             --maxcols: 4;
        }
         .grid15-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr) 1fr;
             --maxcols: 5;
        }
         .grid15-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 5fr);
             --maxcols: 6;
        }
    }
     @media (max-width:48em){
         .grid12-sm-0{
             display:none;
        }
         .grid12-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid12-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr;
             --maxcols: 2;
        }
         .grid12-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr 1fr;
             --maxcols: 3;
        }
         .grid12-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr);
             --maxcols: 4;
        }
         .grid12-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr) 1fr;
             --maxcols: 5;
        }
         .grid12-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 2fr);
             --maxcols: 6;
        }
         .grid13-sm-0{
             display:none;
        }
         .grid13-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid13-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr;
             --maxcols: 2;
        }
         .grid13-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr 1fr;
             --maxcols: 3;
        }
         .grid13-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr);
             --maxcols: 4;
        }
         .grid13-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr) 1fr;
             --maxcols: 5;
        }
         .grid13-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 3fr);
             --maxcols: 6;
        }
         .grid14-sm-0{
             display:none;
        }
         .grid14-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid14-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr;
             --maxcols: 2;
        }
         .grid14-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr 1fr;
             --maxcols: 3;
        }
         .grid14-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr);
             --maxcols: 4;
        }
         .grid14-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr) 1fr;
             --maxcols: 5;
        }
         .grid14-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 4fr);
             --maxcols: 6;
        }
         .grid15-sm-0{
             display:none;
        }
         .grid15-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid15-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr;
             --maxcols: 2;
        }
         .grid15-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr 1fr;
             --maxcols: 3;
        }
         .grid15-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr);
             --maxcols: 4;
        }
         .grid15-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr) 1fr;
             --maxcols: 5;
        }
         .grid15-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 5fr);
             --maxcols: 6;
        }
    }
     @media (max-width:31em){
         .grid12-xs-0{
             display:none;
        }
         .grid12-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid12-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr;
             --maxcols: 2;
        }
         .grid12-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 2fr 1fr;
             --maxcols: 3;
        }
         .grid12-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr);
             --maxcols: 4;
        }
         .grid12-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 2fr) 1fr;
             --maxcols: 5;
        }
         .grid12-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 2fr);
             --maxcols: 6;
        }
         .grid13-xs-0{
             display:none;
        }
         .grid13-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid13-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr;
             --maxcols: 2;
        }
         .grid13-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 3fr 1fr;
             --maxcols: 3;
        }
         .grid13-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr);
             --maxcols: 4;
        }
         .grid13-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 3fr) 1fr;
             --maxcols: 5;
        }
         .grid13-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 3fr);
             --maxcols: 6;
        }
         .grid14-xs-0{
             display:none;
        }
         .grid14-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid14-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr;
             --maxcols: 2;
        }
         .grid14-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 4fr 1fr;
             --maxcols: 3;
        }
         .grid14-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr);
             --maxcols: 4;
        }
         .grid14-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 4fr) 1fr;
             --maxcols: 5;
        }
         .grid14-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 4fr);
             --maxcols: 6;
        }
         .grid15-xs-0{
             display:none;
        }
         .grid15-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid15-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr;
             --maxcols: 2;
        }
         .grid15-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr 5fr 1fr;
             --maxcols: 3;
        }
         .grid15-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr);
             --maxcols: 4;
        }
         .grid15-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,1fr 5fr) 1fr;
             --maxcols: 5;
        }
         .grid15-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,1fr 5fr);
             --maxcols: 6;
        }
    }
     .grid21-lg-0{
         display:none;
    }
     .grid21-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid21-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 2fr 1fr;
         --maxcols: 2;
    }
     .grid21-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 2fr 1fr 2fr;
         --maxcols: 3;
    }
     .grid21-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,2fr 1fr);
         --maxcols: 4;
    }
     .grid21-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,2fr 1fr) 2fr;
         --maxcols: 5;
    }
     .grid21-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,2fr 1fr);
         --maxcols: 6;
    }
     .grid21-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,2fr 1fr);
         --maxcols: 8;
    }
     .grid21-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,2fr 1fr);
         --maxcols: 10;
    }
     .grid21-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,2fr 1fr);
         --maxcols: 12;
    }
     .grid31-lg-0{
         display:none;
    }
     .grid31-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid31-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 3fr 1fr;
         --maxcols: 2;
    }
     .grid31-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 3fr 1fr 3fr;
         --maxcols: 3;
    }
     .grid31-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,3fr 1fr);
         --maxcols: 4;
    }
     .grid31-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,3fr 1fr) 3fr;
         --maxcols: 5;
    }
     .grid31-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,3fr 1fr);
         --maxcols: 6;
    }
     .grid31-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,3fr 1fr);
         --maxcols: 8;
    }
     .grid31-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,3fr 1fr);
         --maxcols: 10;
    }
     .grid31-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,3fr 1fr);
         --maxcols: 12;
    }
     .grid41-lg-0{
         display:none;
    }
     .grid41-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid41-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 4fr 1fr;
         --maxcols: 2;
    }
     .grid41-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 4fr 1fr 4fr;
         --maxcols: 2;
    }
     .grid41-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,4fr 1fr);
         --maxcols: 4;
    }
     .grid41-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,4fr 1fr) 4fr;
         --maxcols: 5;
    }
     .grid41-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,4fr 1fr);
         --maxcols: 6;
    }
     .grid41-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,4fr 1fr);
         --maxcols: 8;
    }
     .grid41-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,4fr 1fr);
         --maxcols: 10;
    }
     .grid41-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,4fr 1fr);
         --maxcols: 12;
    }
     .grid51-lg-0{
         display:none;
    }
     .grid51-lg-1{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 1fr;
         --maxcols: 1;
    }
     .grid51-lg-2{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 5fr 1fr;
         --maxcols: 2;
    }
     .grid51-lg-3{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: 5fr 1fr 5fr;
         --maxcols: 3;
    }
     .grid51-lg-4{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,5fr 1fr);
         --maxcols: 4;
    }
     .grid51-lg-5{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(2,5fr 1fr) 5fr;
         --maxcols: 5;
    }
     .grid51-lg-6{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(3,5fr 1fr);
         --maxcols: 6;
    }
     .grid51-lg-8{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(4,5fr 1fr);
         --maxcols: 8;
    }
     .grid51-lg-10{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(5,5fr 1fr);
         --maxcols: 10;
    }
     .grid51-lg-12{
         display: grid;
         grid-gap: 1em;
         grid-template-columns: repeat(6,5fr 1fr);
         --maxcols: 12;
    }
     @media (max-width:62em){
         .grid21-md-0{
             display:none;
        }
         .grid21-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid21-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr;
             --maxcols: 2;
        }
         .grid21-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr 2fr;
             --maxcols: 3;
        }
         .grid21-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr);
             --maxcols: 4;
        }
         .grid21-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr) 2fr;
             --maxcols: 5;
        }
         .grid21-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,2fr 1fr);
             --maxcols: 6;
        }
         .grid31-md-0{
             display:none;
        }
         .grid31-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid31-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr;
             --maxcols: 2;
        }
         .grid31-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr 3fr;
             --maxcols: 3;
        }
         .grid31-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr);
             --maxcols: 4;
        }
         .grid31-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr) 3fr;
             --maxcols: 5;
        }
         .grid31-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,3fr 1fr);
             --maxcols: 6;
        }
         .grid41-md-0{
             display:none;
        }
         .grid41-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid41-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr;
             --maxcols: 2;
        }
         .grid41-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr 4fr;
             --maxcols: 3;
        }
         .grid41-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr);
             --maxcols: 4;
        }
         .grid41-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr) 4fr;
             --maxcols: 5;
        }
         .grid41-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,4fr 1fr);
             --maxcols: 6;
        }
         .grid51-md-0{
             display:none;
        }
         .grid51-md-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid51-md-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr;
             --maxcols: 2;
        }
         .grid51-md-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr 5fr;
             --maxcols: 3;
        }
         .grid51-md-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr);
             --maxcols: 4;
        }
         .grid51-md-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr) 5fr;
             --maxcols: 5;
        }
         .grid51-md-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,5fr 1fr);
             --maxcols: 6;
        }
    }
     @media (max-width:48em){
         .grid21-sm-0{
             display:none;
        }
         .grid21-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid21-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr;
             --maxcols: 2;
        }
         .grid21-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr 2fr;
             --maxcols: 3;
        }
         .grid21-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr);
             --maxcols: 4;
        }
         .grid21-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr) 2fr;
             --maxcols: 5;
        }
         .grid21-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,2fr 1fr);
             --maxcols: 6;
        }
         .grid31-sm-0{
             display:none;
        }
         .grid31-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid31-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr;
             --maxcols: 2;
        }
         .grid31-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr 3fr;
             --maxcols: 3;
        }
         .grid31-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr);
             --maxcols: 4;
        }
         .grid31-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr) 3fr;
             --maxcols: 5;
        }
         .grid31-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,3fr 1fr);
             --maxcols: 6;
        }
         .grid41-sm-0{
             display:none;
        }
         .grid41-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid41-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr;
             --maxcols: 2;
        }
         .grid41-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr 4fr;
             --maxcols: 3;
        }
         .grid41-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr);
             --maxcols: 4;
        }
         .grid41-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr) 4fr;
             --maxcols: 5;
        }
         .grid41-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,4fr 1fr);
             --maxcols: 6;
        }
         .grid51-sm-0{
             display:none;
        }
         .grid51-sm-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid51-sm-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr;
             --maxcols: 2;
        }
         .grid51-sm-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr 5fr;
             --maxcols: 3;
        }
         .grid51-sm-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr);
             --maxcols: 4;
        }
         .grid51-sm-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr) 5fr;
             --maxcols: 5;
        }
         .grid51-sm-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,5fr 1fr);
             --maxcols: 6;
        }
    }
     @media (max-width:31em){
         .grid21-xs-0{
             display:none;
        }
         .grid21-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid21-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr;
             --maxcols: 2;
        }
         .grid21-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 2fr 1fr 2fr;
             --maxcols: 3;
        }
         .grid21-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr);
             --maxcols: 4;
        }
         .grid21-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,2fr 1fr) 2fr;
             --maxcols: 5;
        }
         .grid21-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,2fr 1fr);
             --maxcols: 6;
        }
         .grid31-xs-0{
             display:none;
        }
         .grid31-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid31-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr;
             --maxcols: 2;
        }
         .grid31-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 3fr 1fr 3fr;
             --maxcols: 3;
        }
         .grid31-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr);
             --maxcols: 4;
        }
         .grid31-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,3fr 1fr) 3fr;
             --maxcols: 5;
        }
         .grid31-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,3fr 1fr);
             --maxcols: 6;
        }
         .grid41-xs-0{
             display:none;
        }
         .grid41-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid41-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr;
             --maxcols: 2;
        }
         .grid41-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 4fr 1fr 4fr;
             --maxcols: 3;
        }
         .grid41-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr);
             --maxcols: 4;
        }
         .grid41-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,4fr 1fr) 4fr;
             --maxcols: 5;
        }
         .grid41-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,4fr 1fr);
             --maxcols: 6;
        }
         .grid51-xs-0{
             display:none;
        }
         .grid51-xs-1{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 1fr;
             --maxcols: 1;
        }
         .grid51-xs-2{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr;
             --maxcols: 2;
        }
         .grid51-xs-3{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: 5fr 1fr 5fr;
             --maxcols: 3;
        }
         .grid51-xs-4{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr);
             --maxcols: 4;
        }
         .grid51-xs-5{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(2,5fr 1fr) 5fr;
             --maxcols: 5;
        }
         .grid51-xs-6{
             display: grid;
             grid-gap: 1em;
             grid-template-columns: repeat(3,5fr 1fr);
             --maxcols: 6;
        }
    }
    /******** Grid Borders ********/
     .grid-border-height-100 > *:after {
         height:100%;
         top:0%;
    }
     .grid-border-height-75 > *:after {
         height:75%;
         top:12.5%;
    }
     .grid-border-height-50 > *:after {
         height:50%;
         top:25%;
    }
     .grid-border-right{
         margin-right:0;
         margin-left:0;
    }
     .grid-border-right > *{
         padding-right:1.5em;
         margin-right:.25em;
         margin-left:.25em;
         position:relative;
    }
     .grid-border-right-boilermaker-2 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:2px solid var(--boilermaker);
    }
     .grid-border-right-aged-2 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:2px solid var(--aged);
    }
     .grid-border-right-black-2 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:2px solid var(--black);
    }
     .grid-border-right-steel-2 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:2px solid var(--steel);
    }
     .grid-border-right-white-2 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:2px solid var(--white);
    }
     .grid-border-right-boilermaker-1 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:1px solid var(--boilermaker);
    }
     .grid-border-right-aged-1 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:1px solid var(--aged);
    }
     .grid-border-right-black-1 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:1px solid var(--black);
    }
     .grid-border-right-steel-1 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:1px solid var(--steel);
    }
     .grid-border-right-white-1 > *:after{
         content:"";
         right:0;
         position:absolute;
         border-right:1px solid var(--white);
    }
     [class*='-lg-12'].grid-border-right > *:nth-child(12n+12){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-12'].grid-border-right > *:nth-child(12n+12):after{
         border-right:0px;
    }
     [class*='-lg-11'].grid-border-right > *:nth-child(11n+11){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-11'].grid-border-right > *:nth-child(11n+11):after{
         border-right:0px;
    }
     [class*='-lg-10'].grid-border-right > *:nth-child(10n+10){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-10'].grid-border-right > *:nth-child(10n+10):after{
         border-right:0px;
    }
     [class*='-lg-9'].grid-border-right > *:nth-child(9n+9){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-9'].grid-border-right > *:nth-child(9n+9):after{
         border-right:0px;
    }
     [class*='-lg-8'].grid-border-right > *:nth-child(8n+8){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-8'].grid-border-right > *:nth-child(8n+8):after{
         border-right:0px;
    }
     [class*='-lg-7'].grid-border-right > *:nth-child(7n+7){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-7'].grid-border-right > *:nth-child(7n+7):after{
         border-right:0px;
    }
     [class*='-lg-6'].grid-border-right > *:nth-child(6n+6){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-6'].grid-border-right > *:nth-child(6n+6):after{
         border-right:0px;
    }
     [class*='-lg-5'].grid-border-right > *:nth-child(5n+5){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-5'].grid-border-right > *:nth-child(5n+5):after{
         border-right:0px;
    }
     [class*='-lg-4'].grid-border-right > *:nth-child(4n+4){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-4'].grid-border-right > *:nth-child(4n+4):after{
         border-right:0px;
    }
     [class*='-lg-3'].grid-border-right > *:nth-child(3n+3){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-3'].grid-border-right > *:nth-child(3n+3):after{
         border-right:0px;
    }
     [class*='-lg-2'].grid-border-right > *:nth-child(2n+2){
        /* padding-right:inherit;
         */
    }
     [class*='-lg-2'].grid-border-right > *:nth-child(2n+2):after{
         border-right:0px;
    }
     [class*='-lg-1'].grid-border-right {
         margin-right:inherit;
         margin-left:inherit;
    }
     [class*='-lg-1'].grid-border-right > *{
         padding-right:inherit;
    }
     [class*='-lg-1'].grid-border-right > *:after{
         border-right:0px;
    }
     @media (max-width:62em){
         [class*='-md-12'].grid-border-right > *:nth-child(12n+12){
            /* padding-right:inherit;
             */
        }
         [class*='-md-12'].grid-border-right > *:nth-child(12n+12):after{
             border-right:0px;
        }
         [class*='-md-11'].grid-border-right > *:nth-child(11n+11){
            /* padding-right:inherit;
             */
        }
         [class*='-md-11'].grid-border-right > *:nth-child(11n+11):after{
             border-right:0px;
        }
         [class*='-md-10'].grid-border-right > *:nth-child(10n+10){
            /* padding-right:inherit;
             */
        }
         [class*='-md-10'].grid-border-right > *:nth-child(10n+10):after{
             border-right:0px;
        }
         [class*='-md-9'].grid-border-right > *:nth-child(9n+9){
            /* padding-right:inherit;
             */
        }
         [class*='-md-9'].grid-border-right > *:nth-child(9n+9):after{
             border-right:0px;
        }
         [class*='-md-8'].grid-border-right > *:nth-child(8n+8){
            /* padding-right:inherit;
             */
        }
         [class*='-md-8'].grid-border-right > *:nth-child(8n+8):after{
             border-right:0px;
        }
         [class*='-md-7'].grid-border-right > *:nth-child(7n+7){
            /* padding-right:inherit;
             */
        }
         [class*='-md-7'].grid-border-right > *:nth-child(7n+7):after{
             border-right:0px;
        }
         [class*='-md-6'].grid-border-right > *:nth-child(6n+6){
            /* padding-right:inherit;
             */
        }
         [class*='-md-6'].grid-border-right > *:nth-child(6n+6):after{
             border-right:0px;
        }
         [class*='-md-5'].grid-border-right > *:nth-child(5n+5){
            /* padding-right:inherit;
             */
        }
         [class*='-md-5'].grid-border-right > *:nth-child(5n+5):after{
             border-right:0px;
        }
         [class*='-md-4'].grid-border-right > *:nth-child(4n+4){
            /* padding-right:inherit;
             */
        }
         [class*='-md-4'].grid-border-right > *:nth-child(4n+4):after{
             border-right:0px;
        }
         [class*='-md-3'].grid-border-right > *:nth-child(3n+3){
            /* padding-right:inherit;
             */
        }
         [class*='-md-3'].grid-border-right > *:nth-child(3n+3):after{
             border-right:0px;
        }
         [class*='-md-2'].grid-border-right > *:nth-child(2n+2){
            /* padding-right:inherit;
             */
        }
         [class*='-md-2'].grid-border-right > *:nth-child(2n+2):after{
             border-right:0px;
        }
         [class*='-md-1'].grid-border-right {
             margin-right:inherit;
             margin-left:inherit;
        }
         [class*='-md-1'].grid-border-right > *{
             padding-right:inherit;
        }
         [class*='-md-1'].grid-border-right > *:after{
             border-right:0px;
        }
    }
     @media (max-width:48em){
         [class*='-sm-12'].grid-border-right > *:nth-child(12n+12){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-12'].grid-border-right > *:nth-child(12n+12):after{
             border-right:0px;
        }
         [class*='-sm-11'].grid-border-right > *:nth-child(11n+11){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-11'].grid-border-right > *:nth-child(11n+11):after{
             border-right:0px;
        }
         [class*='-sm-10'].grid-border-right > *:nth-child(10n+10){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-10'].grid-border-right > *:nth-child(10n+10):after{
             border-right:0px;
        }
         [class*='-sm-9'].grid-border-right > *:nth-child(9n+9){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-9'].grid-border-right > *:nth-child(9n+9):after{
             border-right:0px;
        }
         [class*='-sm-8'].grid-border-right > *:nth-child(8n+8){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-8'].grid-border-right > *:nth-child(8n+8):after{
             border-right:0px;
        }
         [class*='-sm-7'].grid-border-right > *:nth-child(7n+7){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-7'].grid-border-right > *:nth-child(7n+7):after{
             border-right:0px;
        }
         [class*='-sm-6'].grid-border-right > *:nth-child(6n+6){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-6'].grid-border-right > *:nth-child(6n+6):after{
             border-right:0px;
        }
         [class*='-sm-5'].grid-border-right > *:nth-child(5n+5){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-5'].grid-border-right > *:nth-child(5n+5):after{
             border-right:0px;
        }
         [class*='-sm-4'].grid-border-right > *:nth-child(4n+4){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-4'].grid-border-right > *:nth-child(4n+4):after{
             border-right:0px;
        }
         [class*='-sm-3'].grid-border-right > *:nth-child(3n+3){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-3'].grid-border-right > *:nth-child(3n+3):after{
             border-right:0px;
        }
         [class*='-sm-2'].grid-border-right > *:nth-child(2n+2){
            /* padding-right:inherit;
             */
        }
         [class*='-sm-2'].grid-border-right > *:nth-child(2n+2):after{
             border-right:0px;
        }
         [class*='-sm-1'].grid-border-right {
             margin-right:inherit;
             margin-left:inherit;
        }
         [class*='-sm-1'].grid-border-right > *{
             padding-right:inherit;
        }
         [class*='-sm-1'].grid-border-right > *:after{
             border-right:0px;
        }
    }
     @media (max-width:31em){
         [class*='-xs-12'].grid-border-right > *:nth-child(12n+12){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-12'].grid-border-right > *:nth-child(12n+12):after{
             border-right:0px;
        }
         [class*='-xs-11'].grid-border-right > *:nth-child(11n+11){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-11'].grid-border-right > *:nth-child(11n+11):after{
             border-right:0px;
        }
         [class*='-xs-10'].grid-border-right > *:nth-child(10n+10){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-10'].grid-border-right > *:nth-child(10n+10):after{
             border-right:0px;
        }
         [class*='-xs-9'].grid-border-right > *:nth-child(9n+9){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-9'].grid-border-right > *:nth-child(9n+9):after{
             border-right:0px;
        }
         [class*='-xs-8'].grid-border-right > *:nth-child(8n+8){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-8'].grid-border-right > *:nth-child(8n+8):after{
             border-right:0px;
        }
         [class*='-xs-7'].grid-border-right > *:nth-child(7n+7){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-7'].grid-border-right > *:nth-child(7n+7):after{
             border-right:0px;
        }
         [class*='-xs-6'].grid-border-right > *:nth-child(6n+6){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-6'].grid-border-right > *:nth-child(6n+6):after{
             border-right:0px;
        }
         [class*='-xs-5'].grid-border-right > *:nth-child(5n+5){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-5'].grid-border-right > *:nth-child(5n+5):after{
             border-right:0px;
        }
         [class*='-xs-4'].grid-border-right > *:nth-child(4n+4){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-4'].grid-border-right > *:nth-child(4n+4):after{
             border-right:0px;
        }
         [class*='-xs-3'].grid-border-right > *:nth-child(3n+3){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-3'].grid-border-right > *:nth-child(3n+3):after{
             border-right:0px;
        }
         [class*='-xs-2'].grid-border-right > *:nth-child(2n+2){
            /* padding-right:inherit;
             */
        }
         [class*='-xs-2'].grid-border-right > *:nth-child(2n+2):after{
             border-right:0px;
        }
         [class*='-xs-1'].grid-border-right {
             margin-right:inherit;
             margin-left:inherit;
        }
         [class*='-xs-1'].grid-border-right > *{
             padding-right:inherit;
        }
         [class*='-xs-1'].grid-border-right > *:after{
             border-right:0px;
        }
    }
}
/******** Grid Gap Overrides ********/
.grid-gap-0 { grid-gap: 0; }
.grid-gap-05 { grid-gap: .5em; }
.grid-gap-10 { grid-gap: 1em; }
.grid-gap-15 { grid-gap: 1.5em; }
.grid-gap-20 { grid-gap: 2em; }
.grid-gap-25 { grid-gap: 2.5em; }
 .grid-colum-gap-0, .grid-column-gap-0 {
     grid-column-gap:0;
}
 .grid-row-gap-0{
     grid-row-gap:0;
}
/******** Grid Accordion ********/
 .accordion-grid{
     display:grid;
     grid-row-gap:0;
}
 .accordion-grid__heading{
     position:relative;
     cursor:pointer;
}
 .accordion-grid__content{
     overflow:hidden;
     margin:0;
}
 .accordion-grid-directory__heading{
     position:relative;
     cursor:pointer;
     margin:0;
     padding:0;
     background-color: transparent;
     border: 0;
     text-decoration: underline;
     font-weight: bold;
     color: var(--aged);
}
 .accordion-grid-directory__heading.collapsed {
     color: var(--steel);
}
 .accordion-grid-directory__heading:focus{
     outline-style:solid;
     outline-width:2px;
}
 .accordion-grid-directory__content{
     overflow:hidden;
     margin:0;
}
 .accordion-grid-directory__item{
     padding:1em;
}
/******** Colspans ********/
 .col-span-2{
     grid-column: span 2;
}
 .col-span-3{
     grid-column: span 3;
}
 .col-span-4{
     grid-column: span 4;
}
 .col-span-5{
     grid-column: span 5;
}
 .col-span-6{
     grid-column: span 6;
}
 .col-span-7{
     grid-column: span 7;
}
 .col-span-8{
     grid-column: span 8;
}
 .col-span-9{
     grid-column: span 9;
}
 .col-span-10{
     grid-column: span 10;
}
 .col-span-11{
     grid-column: span 11;
}
 .col-span-12{
     grid-column: span 12;
}
 .col-span-max, .max-span-col {
     grid-column: span var(--maxcols);
}
 [class*="-lg-1"] .col-span-2, [class*="-lg-1"] .col-span-3, [class*="-lg-1"] .col-span-4, [class*="-lg-1"] .col-span-5, [class*="-lg-1"] .col-span-6, [class*="-lg-1"] .col-span-7, [class*="-lg-1"] .col-span-8, [class*="-lg-1"] .col-span-9, [class*="-lg-1"] .col-span-10, [class*="-lg-1"] .col-span-11, [class*="-lg-1"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-2"] .col-span-3, [class*="-lg-2"] .col-span-4, [class*="-lg-2"] .col-span-5, [class*="-lg-2"] .col-span-6, [class*="-lg-2"] .col-span-7, [class*="-lg-2"] .col-span-8, [class*="-lg-2"] .col-span-9, [class*="-lg-2"] .col-span-10, [class*="-lg-2"] .col-span-11, [class*="-lg-2"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-3"] .col-span-4, [class*="-lg-3"] .col-span-5, [class*="-lg-3"] .col-span-6, [class*="-lg-3"] .col-span-7, [class*="-lg-3"] .col-span-8, [class*="-lg-3"] .col-span-9, [class*="-lg-3"] .col-span-10, [class*="-lg-3"] .col-span-11, [class*="-lg-3"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-4"] .col-span-5, [class*="-lg-4"] .col-span-6, [class*="-lg-4"] .col-span-7, [class*="-lg-4"] .col-span-8, [class*="-lg-4"] .col-span-9, [class*="-lg-4"] .col-span-10, [class*="-lg-4"] .col-span-11, [class*="-lg-4"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-5"] .col-span-6, [class*="-lg-5"] .col-span-7, [class*="-lg-5"] .col-span-8, [class*="-lg-5"] .col-span-9, [class*="-lg-5"] .col-span-10, [class*="-lg-5"] .col-span-11, [class*="-lg-5"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-6"] .col-span-7, [class*="-lg-6"] .col-span-8, [class*="-lg-6"] .col-span-9, [class*="-lg-6"] .col-span-10, [class*="-lg-6"] .col-span-11, [class*="-lg-6"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-7"] .col-span-8, [class*="-lg-7"] .col-span-9, [class*="-lg-7"] .col-span-10, [class*="-lg-7"] .col-span-11, [class*="-lg-7"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-8"] .col-span-9, [class*="-lg-8"] .col-span-10, [class*="-lg-8"] .col-span-11, [class*="-lg-8"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-9"] .col-span-10, [class*="-lg-9"] .col-span-11, [class*="-lg-9"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-10"] .col-span-11, [class*="-lg-10"] .col-span-12{
     grid-column: span var(--maxcols);
}
 [class*="-lg-11"] .col-span-12{
     grid-column: span var(--maxcols);
}
 @media (max-width:62em){
     [class*="-md-1"] .col-span-2, [class*="-md-1"] .col-span-3, [class*="-md-1"] .col-span-4, [class*="-md-1"] .col-span-5, [class*="-md-1"] .col-span-6, [class*="-md-1"] .col-span-7, [class*="-md-1"] .col-span-8, [class*="-md-1"] .col-span-9, [class*="-md-1"] .col-span-10, [class*="-md-1"] .col-span-11, [class*="-md-1"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-2"] .col-span-3, [class*="-md-2"] .col-span-4, [class*="-md-2"] .col-span-5, [class*="-md-2"] .col-span-6, [class*="-md-2"] .col-span-7, [class*="-md-2"] .col-span-8, [class*="-md-2"] .col-span-9, [class*="-md-2"] .col-span-10, [class*="-md-2"] .col-span-11, [class*="-md-2"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-3"] .col-span-4, [class*="-md-3"] .col-span-5, [class*="-md-3"] .col-span-6, [class*="-md-3"] .col-span-7, [class*="-md-3"] .col-span-8, [class*="-md-3"] .col-span-9, [class*="-md-3"] .col-span-10, [class*="-md-3"] .col-span-11, [class*="-md-3"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-4"] .col-span-5, [class*="-md-4"] .col-span-6, [class*="-md-4"] .col-span-7, [class*="-md-4"] .col-span-8, [class*="-md-4"] .col-span-9, [class*="-md-4"] .col-span-10, [class*="-md-4"] .col-span-11, [class*="-md-4"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-5"] .col-span-6, [class*="-md-5"] .col-span-7, [class*="-md-5"] .col-span-8, [class*="-md-5"] .col-span-9, [class*="-md-5"] .col-span-10, [class*="-md-5"] .col-span-11, [class*="-md-5"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-6"] .col-span-7, [class*="-md-6"] .col-span-8, [class*="-md-6"] .col-span-9, [class*="-md-6"] .col-span-10, [class*="-md-6"] .col-span-11, [class*="-md-6"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-7"] .col-span-8, [class*="-md-7"] .col-span-9, [class*="-md-7"] .col-span-10, [class*="-md-7"] .col-span-11, [class*="-md-7"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-8"] .col-span-9, [class*="-md-8"] .col-span-10, [class*="-md-8"] .col-span-11, [class*="-md-8"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-9"] .col-span-10, [class*="-md-9"] .col-span-11, [class*="-md-9"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-10"] .col-span-11, [class*="-md-10"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-md-11"] .col-span-12{
         grid-column: span var(--maxcols);
    }
}
 @media (max-width:48em){
     [class*="-sm-1"] .col-span-2, [class*="-sm-1"] .col-span-3, [class*="-sm-1"] .col-span-4, [class*="-sm-1"] .col-span-5, [class*="-sm-1"] .col-span-6, [class*="-sm-1"] .col-span-7, [class*="-sm-1"] .col-span-8, [class*="-sm-1"] .col-span-9, [class*="-sm-1"] .col-span-10, [class*="-sm-1"] .col-span-11, [class*="-sm-1"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-2"] .col-span-3, [class*="-sm-2"] .col-span-4, [class*="-sm-2"] .col-span-5, [class*="-sm-2"] .col-span-6, [class*="-sm-2"] .col-span-7, [class*="-sm-2"] .col-span-8, [class*="-sm-2"] .col-span-9, [class*="-sm-2"] .col-span-10, [class*="-sm-2"] .col-span-11, [class*="-sm-2"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-3"] .col-span-4, [class*="-sm-3"] .col-span-5, [class*="-sm-3"] .col-span-6, [class*="-sm-3"] .col-span-7, [class*="-sm-3"] .col-span-8, [class*="-sm-3"] .col-span-9, [class*="-sm-3"] .col-span-10, [class*="-sm-3"] .col-span-11, [class*="-sm-3"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-4"] .col-span-5, [class*="-sm-4"] .col-span-6, [class*="-sm-4"] .col-span-7, [class*="-sm-4"] .col-span-8, [class*="-sm-4"] .col-span-9, [class*="-sm-4"] .col-span-10, [class*="-sm-4"] .col-span-11, [class*="-sm-4"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-5"] .col-span-6, [class*="-sm-5"] .col-span-7, [class*="-sm-5"] .col-span-8, [class*="-sm-5"] .col-span-9, [class*="-sm-5"] .col-span-10, [class*="-sm-5"] .col-span-11, [class*="-sm-5"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-6"] .col-span-7, [class*="-sm-6"] .col-span-8, [class*="-sm-6"] .col-span-9, [class*="-sm-6"] .col-span-10, [class*="-sm-6"] .col-span-11, [class*="-sm-6"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-7"] .col-span-8, [class*="-sm-7"] .col-span-9, [class*="-sm-7"] .col-span-10, [class*="-sm-7"] .col-span-11, [class*="-sm-7"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-8"] .col-span-9, [class*="-sm-8"] .col-span-10, [class*="-sm-8"] .col-span-11, [class*="-sm-8"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-9"] .col-span-10, [class*="-sm-9"] .col-span-11, [class*="-sm-9"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-10"] .col-span-11, [class*="-sm-10"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-sm-11"] .col-span-12{
         grid-column: span var(--maxcols);
    }
}
 @media (max-width:31em){
     [class*="-xs-1"] .col-span-2, [class*="-xs-1"] .col-span-3, [class*="-xs-1"] .col-span-4, [class*="-xs-1"] .col-span-5, [class*="-xs-1"] .col-span-6, [class*="-xs-1"] .col-span-7, [class*="-xs-1"] .col-span-8, [class*="-xs-1"] .col-span-9, [class*="-xs-1"] .col-span-10, [class*="-xs-1"] .col-span-11, [class*="-xs-1"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-2"] .col-span-3, [class*="-xs-2"] .col-span-4, [class*="-xs-2"] .col-span-5, [class*="-xs-2"] .col-span-6, [class*="-xs-2"] .col-span-7, [class*="-xs-2"] .col-span-8, [class*="-xs-2"] .col-span-9, [class*="-xs-2"] .col-span-10, [class*="-xs-2"] .col-span-11, [class*="-xs-2"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-3"] .col-span-4, [class*="-xs-3"] .col-span-5, [class*="-xs-3"] .col-span-6, [class*="-xs-3"] .col-span-7, [class*="-xs-3"] .col-span-8, [class*="-xs-3"] .col-span-9, [class*="-xs-3"] .col-span-10, [class*="-xs-3"] .col-span-11, [class*="-xs-3"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-4"] .col-span-5, [class*="-xs-4"] .col-span-6, [class*="-xs-4"] .col-span-7, [class*="-xs-4"] .col-span-8, [class*="-xs-4"] .col-span-9, [class*="-xs-4"] .col-span-10, [class*="-xs-4"] .col-span-11, [class*="-xs-4"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-5"] .col-span-6, [class*="-xs-5"] .col-span-7, [class*="-xs-5"] .col-span-8, [class*="-xs-5"] .col-span-9, [class*="-xs-5"] .col-span-10, [class*="-xs-5"] .col-span-11, [class*="-xs-5"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-6"] .col-span-7, [class*="-xs-6"] .col-span-8, [class*="-xs-6"] .col-span-9, [class*="-xs-6"] .col-span-10, [class*="-xs-6"] .col-span-11, [class*="-xs-6"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-7"] .col-span-8, [class*="-xs-7"] .col-span-9, [class*="-xs-7"] .col-span-10, [class*="-xs-7"] .col-span-11, [class*="-xs-7"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-8"] .col-span-9, [class*="-xs-8"] .col-span-10, [class*="-xs-8"] .col-span-11, [class*="-xs-8"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-9"] .col-span-10, [class*="-xs-9"] .col-span-11, [class*="-xs-9"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-10"] .col-span-11, [class*="-xs-10"] .col-span-12{
         grid-column: span var(--maxcols);
    }
     [class*="-xs-11"] .col-span-12{
         grid-column: span var(--maxcols);
    }
}
 .block-lg-0{
     display:none 
}
 .block-lg-1{
     width:8%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-12{
     width:10.5%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-15{
     width:13%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-2{
     width:18%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-25{
     width:23%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-3{
     width:28%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-33{
     width:31%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-34{
     width:32%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-35{
     width:33%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-4{
     width:38%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-5{
     width:48%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-6{
     width:58%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-66{
     width:64%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-7{
     width:68%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-75{
     width:73%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-8{
     width:78%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-9{
     width:88%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-lg-10{
     width:98%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-grid [class*='block-lg-'],.block-grid [class*='block-md-'],.block-grid [class*='block-sm-'],.block-grid [class*='block-xs-']{
     clear:none;
}
 .block-grid .block-lg-1:nth-child(10n+1){
     clear:left;
}
 .block-grid .block-lg-12:nth-child(8n+1){
     clear:left;
}
 .block-grid .block-lg-15:nth-child(6n+1){
     clear:left;
}
 .block-grid .block-lg-2:nth-child(5n+1){
     clear:left;
}
 .block-grid .block-lg-25:nth-child(4n+1){
     clear:left;
}
 .block-grid .block-lg-3:nth-child(3n+1){
     clear:left;
}
 .block-grid .block-lg-33:nth-child(3n+1){
     clear:left;
}
 .block-grid .block-lg-35:nth-child(2n+1){
     clear:left;
}
 .block-grid .block-lg-4:nth-child(2n+1){
     clear:left;
}
 .block-grid .block-lg-5:nth-child(2n+1){
     clear:left;
}
 @media (max-width:62em){
     .block-md-0{
         display:none 
    }
     .block-md-1{
         width:8%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-12{
         width:10.5%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-15{
         width:13%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-2{
         width:18%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-25{
         width:23%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-3{
         width:28%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-33{
         width:31%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-34{
         width:32%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-35{
         width:33%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-4{
         width:38%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-5{
         width:48%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-6{
         width:58%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-66{
         width:64%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-7{
         width:68%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-75{
         width:73%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-8{
         width:78%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-9{
         width:88%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-md-10{
         width:98%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-grid [class*='block-lg-'],.block-grid [class*='block-md-'],.block-grid [class*='block-sm-'],.block-grid [class*='block-xs-']{
         clear:none;
    }
     .block-grid .block-md-1:nth-child(10n+1){
         clear:left;
    }
     .block-grid .block-md-12:nth-child(8n+1){
         clear:left;
    }
     .block-grid .block-md-15:nth-child(6n+1){
         clear:left;
    }
     .block-grid .block-md-2:nth-child(5n+1){
         clear:left;
    }
     .block-grid .block-md-25:nth-child(4n+1){
         clear:left;
    }
     .block-grid .block-md-3:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-md-33:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-md-35:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-md-4:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-md-5:nth-child(2n+1){
         clear:left;
    }
}
 @media (max-width:48em){
     .block-sm-0{
         display:none 
    }
     .block-sm-1{
         width:8%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-12{
         width:10.5%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-15{
         width:13%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-2{
         width:18%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-25{
         width:23%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-3{
         width:28%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-33{
         width:31%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-34{
         width:32%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-35{
         width:33%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-4{
         width:38%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-5{
         width:48%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-6{
         width:58%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-66{
         width:64%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-7{
         width:68%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-75{
         width:73%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-8{
         width:78%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-9{
         width:88%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-sm-10{
         width:98%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-grid [class*='block-lg-'],.block-grid [class*='block-md-'],.block-grid [class*='block-sm-'],.block-grid [class*='block-xs-']{
         clear:none;
    }
     .block-grid .block-sm-1:nth-child(10n+1){
         clear:left;
    }
     .block-grid .block-sm-12:nth-child(8n+1){
         clear:left;
    }
     .block-grid .block-sm-15:nth-child(6n+1){
         clear:left;
    }
     .block-grid .block-sm-2:nth-child(5n+1){
         clear:left;
    }
     .block-grid .block-sm-25:nth-child(4n+1){
         clear:left;
    }
     .block-grid .block-sm-3:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-sm-33:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-sm-35:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-sm-4:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-sm-5:nth-child(2n+1){
         clear:left;
    }
}
 @media (max-width:31em){
     .block-xs-0{
         display:none 
    }
     .block-xs-1{
         width:8%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-12{
         width:10.5%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-15{
         width:13%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-2{
         width:18%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-25{
         width:23%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-3{
         width:28%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-33{
         width:31%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-34{
         width:32%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-35{
         width:33%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-4{
         width:38%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-5{
         width:48%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-6{
         width:58%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-66{
         width:64%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-7{
         width:68%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-75{
         width:73%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-8{
         width:78%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-9{
         width:88%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-xs-10{
         width:98%;
         margin: 0 1% 1em 1%;
         float:left;
         overflow:hidden;
    }
     .block-grid [class*='block-lg-'],.block-grid [class*='block-md-'],.block-grid [class*='block-sm-'],.block-grid [class*='block-xs-']{
         clear:none;
    }
     .block-grid .block-xs-1:nth-child(10n+1){
         clear:left;
    }
     .block-grid .block-xs-12:nth-child(8n+1){
         clear:left;
    }
     .block-grid .block-xs-15:nth-child(6n+1){
         clear:left;
    }
     .block-grid .block-xs-2:nth-child(5n+1){
         clear:left;
    }
     .block-grid .block-xs-25:nth-child(4n+1){
         clear:left;
    }
     .block-grid .block-xs-3:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-xs-33:nth-child(3n+1){
         clear:left;
    }
     .block-grid .block-xs-35:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-xs-4:nth-child(2n+1){
         clear:left;
    }
     .block-grid .block-xs-5:nth-child(2n+1){
         clear:left;
    }
}
 .block-right{
     float:right;
}
 .block-left{
     float:left;
}
 .block-none{
     float:none;
}
 .show-lg{
     display:initial;
}
 .hide-lg{
     display:none;
}
.no-gap {
    grid-gap: 0;
}
 @media (max-width:62em){
     .show-md{
         display:initial;
    }
     .hide-md{
         display:none;
    }
}
 @media (max-width:48em){
     .show-sm{
         display:initial;
    }
     .hide-sm{
         display:none;
    }
}
 @media (max-width:31em){
     .show-xs{
         display:initial;
    }
     .hide-xs{
         display:none;
    }
}
/******** Text Columns ********/
 [class*='text-col-'] li {
     break-inside: avoid;
}
 [class*='text-col-'] p:first-child, [class*='text-col-'] h1:first-child, [class*='text-col-'] h2:first-child, [class*='text-col-'] h3:first-child, [class*='text-col-'] h4:first-child, [class*='text-col-'] h5:first-child {
     margin-top: 0;
}
 .text-col-lg-5 {
     column-count:5;
}
 .text-col-lg-4 {
     column-count:4;
}
 .text-col-lg-3 {
     column-count:3;
}
 .text-col-lg-2 {
     column-count:2;
}
 .text-col-lg-1 {
     column-count:1;
}
 @media (max-width:62em){
     .text-col-md-5 {
         column-count:5;
    }
     .text-col-md-4 {
         column-count:4;
    }
     .text-col-md-3 {
         column-count:3;
    }
     .text-col-md-2 {
         column-count:2;
    }
     .text-col-md-1 {
         column-count:1;
    }
}
 @media (max-width:48em){
     .text-col-sm-5 {
         column-count:5;
    }
     .text-col-sm-4 {
         column-count:4;
    }
     .text-col-sm-3 {
         column-count:3;
    }
     .text-col-sm-2 {
         column-count:2;
    }
     .text-col-sm-1 {
         column-count:1;
    }
}
 @media (max-width:31em){
     .text-col-xs-5 {
         column-count:5;
    }
     .text-col-xs-4 {
         column-count:4;
    }
     .text-col-xs-3 {
         column-count:3;
    }
     .text-col-xs-2 {
         column-count:2;
    }
     .text-col-xs-1 {
         column-count:1;
    }
}
 .absoluteleft{
}
 .absoluteright{
     float:right;
}
 .block-75 {
     width:73%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-20 {
     width:18%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-80 {
     width:78%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-25 {
     width:23%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-70 {
     width:68%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-30 {
     width:28%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-33 {
     width:31%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-60 {
     width:58%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-40 {
     width:38%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-50 {
     width:48%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
}
 .block-100-quote {
     width:100%;
     padding:1em;
     overflow:hidden;
     background:#d0d0d0 no-repeat;
     background-size:cover;
     box-sizing: border-box;
}
 .block-100-quote .quote-50 {
     width:48%;
     margin: 0 1% 1em 1%;
     float:left;
     overflow:hidden;
     padding:.5em;
     box-sizing: border-box;
}
 .block-100-quote img {
     display:none;
}
 ul.inline-grid {
     text-align: center;
     margin: 0 auto;
     padding:0;
}
 ul.inline-grid li {
     display: inline-block;
     vertical-align: top;
     padding: .5em;
}
 img.right-50 {
     width:50%;
     margin-left:1%;
     float:right;
}
 img.left-50 {
     width:50%;
     margin-right:1%;
     float:left;
}
 .height-10 {
     height:12em;
}

/******** Misc 1 (Member List, Affiliate, Landing Image) ********/
 .memberlist {
     list-style:none;
     overflow:hidden;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .memberlist2 {
     list-style:none;
}
 .memberlist li {
     width:16.8em;
     height:7.5em;
     margin-bottom:1em;
     margin-right:.3em;
     float:left;
     overflow:hidden;
     border-right:1px solid #d1d1d1;
     border-bottom:1px solid #d1d1d1;
}
 .memberlist li img {
     width:6em;
     float:left;
}
 .memberlist .person {
     width: 10.5em;
     float:none;
     margin-left:6.2em;
     font-size:.9em;
}
 .affiliate {
     width:8em;
     float:left;
     margin:.8em;
     height:310px;
}
 .affiliate-img {
     background:no-repeat center center;
     border-radius:10%;
     width:8em;
     height:12em;
     background-size:cover;
}
 .affiliate-name {
     font-weight:bold;
}
 .affiliate-body {
     font-size:.8em;
}
 .landing-image-container {
     width:100%;
     position:relative;
     overflow:hidden;
}
 .landing-image-container * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .landing-image-container img {
     width:100%;
}
 .landing-image-content {
     width:25%;
     color:#232323;
     background:#E3AE24;
     padding:1em;
     margin:3%;
}
 .onehundred {
     width:100% 
}
 .ninety {
     width:90% 
}
 .seventyfive {
     width:75% 
}
 .fifty {
     width:50% 
}
 .forty {
     width:40% 
}
 .thirty {
     width:30% 
}
 .thirtythree {
     width:33% 
}
 .twentyfive {
     width:25% 
}
 .rounded {
     border-radius:50%;
}
 .twentyfive-responsive {
     width:23%;
     margin-left:1%;
     margin-right:1%;
}
 .thirty-responsive {
     width:28%;
     margin-left:1%;
     margin-right:1%;
}
/******** News List ********/
 .sidebar .news-list, .sidebar-general .news-list, .block-75 .news-list,.block-25 .news-list,.block-20 .news-list,.block-80 .news-list,.block-70 .news-list,.block-30 .news-list,.block-33 .news-list,.block-60 .news-list,.block-40 .news-list,.block-50 .news-list {
     list-style:none;
     padding:0;
     margin:0;
}
 .news-list li {
     margin-bottom:.8em;
     overflow:hidden;
     font-family: var(--acuminsemicond);
}
 .sidebar-general .news-list a, .news-list a {
     text-decoration:none;
     color:#333;
}
 .news-list .date {
     width:23%;
     margin:0 1% 0 0;
     padding:.5%;
     float:left;
     overflow:hidden;
     background-color:var(--aged);
     color:var(--white);
}
 .news-list .date a {
     color:var(--white);
}
 .news-list .title {
     width:75%;
     margin:0;
     padding:0;
     float:left;
     overflow:hidden;
}
 .news-grid a {
     text-decoration:none;
}
 .news-grid a:hover,.news-grid a:focus{
     text-decoration:underline;
}
/******** Grads ********/
 h2.grads, .subheading.grads {
     color:var(--rush);
     font-weight:bold;
     background-color:var(--black);
}
 ul.grads {
     list-style:none;
     max-width:100%;
     overflow:hidden;
}
 ul.grads li {
     width:31%;
     float:left;
     height:8em;
     margin:1%;
     text-transform:uppercase;
     font-size:1.8em;
     text-align:center;
     color:var(--dust);
     background-color:var(--steel);
     font-weight:bold;
     margin:.3em;
     border-radius:25px;
}
 ul.grads li img {
     border-radius:25px;
     border-bottom:2px solid var(--black);
     max-width:100%;
}
 ul.grads li a {
     text-decoration:none;
     border:none;
     color:var(--dust);
     display:block;
}
 ul.grads li a:hover {
     text-decoration:underline;
}
/******** Skew and Pull Quotes ********/
 .skew-container{
     transform: skew(-13deg);
}
 .skew {
     transform: skew(13deg);
     overflow: visible;
     padding-right:1.5em;
     padding-left:1.5em;
}
 .skew-quote-white{
     border-left: 8px solid #fff;
     padding-left: 2em;
     padding-right: 2em;
     margin-left: 5em;
     margin-right: 5em;
     transform: skew(-13deg);
}
 @media (max-width:48em){
     .skew-quote-white{
         border-left: none;
         transform: skew(0deg);
         margin-left: 0;
         margin-right: 0;
         font-size:.8em;
    }
}
 .skew-quote-black{
     border-left: 8px solid var(--black);
     padding-left: 2em;
     padding-right: 2em;
     margin-left: 5em;
     margin-right: 5em;
     transform: skew(-13deg);
}
 @media (max-width:48em){
     .skew-quote-black{
         border-left: none;
         transform: skew(0deg);
         margin-left: 0;
         margin-right: 0;
         font-size:.8em;
    }
}
 .pullquote-right{
     float: right;
     width: 60%;
     margin: .8em;
     padding: .8em;
}
 .pullquote-left{
     float: left;
     width: 60%;
     margin: .8em;
     padding: .8em;
}

/******** Fixed Content Styles ********/
 .sticky-bottom{
     position:fixed;
     bottom:0;
     left:50%;
     z-index:1000;
     transform:translate(-50%);
     padding-left:1em;
     padding-right:1em;
}
 .sticky-bottom .sticky-min, .sticky-bottom.active .sticky-max {
     display:block;
}
 .sticky-bottom .sticky-max, .sticky-bottom.active .sticky-min {
     display:none;
}
 .sticky-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
}
/******** "Grid" and Grid Modal ********/
 .grid {
     list-style:none;
     overflow:hidden;
     margin:0;
     padding:0;
}
 .grid-cell {
     width:30%;
     float:left;
     margin:1em 1%;
     position:relative;
     overflow:hidden;
     height:10em;
     background-size:cover;
     background-position:center center;
}
 .lg-10 .inner .grid .grid-cell {
     width:22%;
}
 .content-main .inner .grid-cell h2, .content-main .inner .grid-cell .subheading {
     left:0;
     bottom:0;
     padding:.3em;
     margin:0;
     border:0;
     width:100%;
     position:absolute;
     color:#fff;
     background-color:#333;
     text-transform:uppercase;
     font-size:1em;
}
 .grid-cell a {
     display:block;
     height:inherit;
     color:inherit;
     background-color:inherit;
}
 .grid-modal {
     display:none;
     background:#333 no-repeat;
     background-size:contain;
     color:#fff;
     padding:0em;
     border-top:1px solid #e3ae24;
     border-bottom: 1px solid #e3ae24;
     float:left;
     position:fixed;
     top:50%;
     left:50%;
     z-index:1350;
     width:50%;
     height:auto;
     min-height:1em;
     max-height:80%;
}
 .grid-modal h3, .grid-modal .preheading {
     position:absolute;
     bottom:0;
     width:100%;
     text-align:center;
     color:#fff;
     font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
     font-weight:bold;
     font-size:2em;
     text-transform:uppercase;
     padding:0;
     border:0;
     margin:0;
}
 .grid-modal .content {
     width:49%;
     float:right;
     background-color:#fff;
     color:#000;
     padding:1em 1%;
     margin:1em 1% 3.3em 1%;
     opacity:.9;
     overflow-x:hidden;
     overflow-y:auto;
}
 .grid-modal a {
     display:inline;
}
 .grid-modal img.close_about_button {
     float: right;
     margin: -25px 0px 0px 0px;
     border: none;
}
/******** Old Building Tour ********/
 .tour-video {
     width:100%;
     max-height:100%;
     min-height:1em;
     height:30em;
     position:relative;
}
 .tour-button {
     width:25%;
     float:left;
     text-align:center;
}
 .tour-video-modal {
     width:100%;
     height:100%;
}
 .tour-360 {
     background-color:#000;
     color:#fff;
     position:absolute;
     top:0;
     left:50%;
     padding:.3em;
     opacity:.5;
     border-bottom-left-radius:1em;
     border-bottom-right-radius:1em;
}
 .tour-prev {
     background-color:#000;
     color:#fff;
     position:absolute;
     top:50%;
     left:0;
     padding:.3em;
     opacity:.5;
     border-top-right-radius:1em;
     border-bottom-right-radius:1em;
}
 .tour-next {
     background-color:#000;
     color:#fff;
     position:absolute;
     top:50%;
     right:0;
     padding:.3em;
     opacity:.5;
     border-top-left-radius:1em;
     border-bottom-left-radius:1em;
}
 .tour-360 a, .tour-prev a, .tour-next a {
     color:#fff;
     text-decoration:none;
     font-size:3em;
}
 .tour-360:hover, .tour-prev:hover, .tour-next:hover {
     opacity:1;
}
/******** Gallery Styles ********/
 #gallery {
     list-style:none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     max-height:100%;
}
 #gallery li {
     max-width:100%;
     max-height:100%;
     width:15em;
     height:10em;
     text-align:center;
     float:left;
     margin:.3em;
     overflow:hidden;
}
 #gallery li .caption {
     display:none;
}
 #gallery li img {
     max-width:100%;
     max-height:100%;
}
 #galleryWindow #gallery {
     position:relative;
     list-style:none;
     left:0px;
     margin: 0px;
     padding: 0px;
     max-height:100%;
     max-width:100%;
}
 #galleryWindow #gallery li {
     float:none;
     max-height:none;
     max-width:none;
     width:auto;
     height:auto;
     padding: 0px;
     margin: 0px;
     text-align: center;
     display:none;
}
 #galleryWindow #gallery li .caption {
     display:block;
}
 #galleryWindow {
     width:1200px;
     height: 600px;
     background: #000;
     color: #fff;
     max-height:90%;
     max-width:90%;
}
 #galleryWindow h3, #galleryWindow .preheading {
     font-family:Impact, Verdana, Geneva, sans-serif;
     text-transform:uppercase;
}
 #galleryWindow p {
     font:Arial;
     font-size:.7em;
     max-width:100%;
}
 #galleryWindow a {
     background-color:transparent;
}
 img.next_button {
     margin: 0;
     padding:0;
     border: none;
     position:absolute;
     right:-3.5em;
     top:50%;
     color:#fff;
     background-color:#333;
     padding:.3em;
     font-size:.8em;
}
 img.prev_button {
     margin: 0px;
     border: none;
     position:absolute;
     left:-5em;
     top:50%;
     color:#fff;
     background-color:#333;
     padding:.3em;
     font-size:.8em;
}
 img.play_button {
     margin: 0px;
     border: none;
}
 .aboutkey {
     list-style:none;
     margin:0;
     padding:0;
}
 .aboutkey li {
     margin:.3em 0;
}
 .aboutkey li img {
     width:1.3em;
     height:1.3em;
     float:left;
     margin-right:.3em;
}
 .floorplan {
     position:relative;
     width:100%;
}
 .floorplan img {
     z-index: 100;
     border:0;
     width:100%;
}
 .floorplan-kcc {
     position:absolute;
     z-index:200;
     width:10%;
     height:7.5%;
     left:39.5%;
     top:3.5%;
     display:block;
     opacity:.5;
}
 .floorplan-kpdc {
     position:absolute;
     z-index:200;
     width:12.5%;
     height:7.5%;
     left:35%;
     top:57%;
     display:block;
     opacity:.5;
}
 .floorplan-dean {
     position:absolute;
     z-index:200;
     width:29.5%;
     height:6.5%;
     left:6%;
     top:67%;
     display:block;
     opacity:.5;
}
 .floorplan-corp {
     position:absolute;
     z-index:200;
     width:6%;
     height:3.5%;
     left:35.5%;
     top:67%;
     display:block;
     opacity:.5;
}
 .floorplan-info {
     position:absolute;
     z-index:200;
     width:45.5%;
     height:14%;
     left:42%;
     top:67%;
     display:block;
     opacity:.5;
}
 .floorplan-business {
     position:absolute;
     z-index:200;
     width:19.5%;
     height:7%;
     left:8.5%;
     top:74.5%;
     display:block;
     opacity:.5;
}
 .floorplan-dev {
     position:absolute;
     z-index:200;
     width:11%;
     height:7.5%;
     left:36.5%;
     top:87.5%;
     display:block;
     opacity:.5;
}
 .floorplan-off {
     position:absolute;
     z-index:200;
     width:39%;
     height:7.5%;
     left:49%;
     top:84.5%;
     display:block;
     opacity:.5;
}
/******** Sidebar Resaerch (Old) ********/
 .sidebar-general ul.submenu-phd, .sidebar-general ul.submenu-phd ul {
     list-style:none;
     margin:1em 0em;
     padding:0;
     border:1px solid #333;
     text-align:center;
}
 .sidebar-general ul.submenu-phd ul {
     margin:0em;
}
 .sidebar-general .submenu-phd li {
     background-color:#b95915;
     margin:0;
}
 .sidebar-general .submenu-phd li a {
     color:#fff;
     text-decoration:none;
}
 .sidebar-general .submenu-phd .expand li {
     background-color:#a7a9ac;
     padding-left:.5em;
}
 .sidebar-general .submenu-phd .expand li a {
     color:#000;
}
 .feature-mini li {
     margin-bottom:1em;
}
 .feature-mini .questions {
     list-style:none;
     padding:0;
}
 .feature-mini .question {
     font-weight:bold;
}
 .feature-mini {
     list-style:none;
     padding:0;
}
 .feature-mini li {
     overflow:hidden;
}
 .feature-mini img {
     max-width:48%;
     margin:0 1%;
     float:left;
}
 .sidebar-research .feature-mini img {
     max-width:48%;
     margin:0 1%;
     float:right;
}

/******** Mobile Code 1 (for classes between Blocks and Columns and Old Building Tour) ********/
 @media only screen and (max-width: 50em), only screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1000px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1000px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1000px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1000px) and (min-resolution: 192dpi), only screen and (max-width: 1000px) and (min-resolution: 2dppx) {
     .stemContextModal, .skillsModal, .analyticalbgModal, .solveproblemsModal, .immediatelypreparedModal, .pushtheboundariesModal, .globallydiverseModal, .keydataModal {
         top: 50%;
         min-height:none;
    }
     ul.triple-list li {
         width:95%;
    }
     .grid-cell {
         width:95%;
    }
     .lg-10 .inner .grid .grid-cell {
         width:47%;
    }
     .grid-modal {
         top:50%;
         min-height:none;
    }
     .grid-modal h3, .grid-modal .preheading {
         position:relative;
         bottom:auto;
    }
     .grid-modal .content {
         width:90%;
         float:none;
         margin-right:auto;
         margin-left:auto;
    }
     .tour-prev , .tour-next {
         top:5%;
    }
     ul.grads li {
         width:98%;
         float:none;
    }
     .block-80 {
         width:98%;
         float:none;
    }
     .block-20 {
         width:98%;
         float:none;
    }
     .block-75 {
         width:98%;
         float:none;
    }
     .block-25 {
         width:98%;
         float:none;
    }
     .block-70 {
         width:98%;
         float:none;
    }
     .block-30 {
         width:98%;
         float:none;
    }
     .block-33 {
         width:98%;
         float:none;
    }
     .block-60 {
         width:98%;
         float:none;
    }
     .block-40 {
         width:98%;
         float:none;
    }
     .block-50 {
         width:98%;
         float:none;
    }
     .block-100-quote {
         width:100%;
         padding:1em;
         overflow:hidden;
         background:none;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     .block-100-quote .quote-50 {
         width:98%;
         float:none;
         overflow:hidden;
    }
     .block-100-quote img {
         display:block;
         width:100%;
    }
     img.right-50 {
         width:98%;
         margin-left:1%;
         float:none;
    }
     img.left-50 {
         width:98%;
         margin-right:1%;
         float:none;
    }
     .height-10 {
         height:auto;
    }
     .twentyfive-responsive {
         width:100%;
         margin-left:0;
         margin-right:0;
    }
     .thirty-responsive {
         width:100%;
         margin-left:0;
         margin-right:0;
    }
     .pullquote-left {
         width:96%;
         float:none;
         margin-left:1%;
         margin-right:1%;
         padding:1%;
    }
     .pullquote-right {
         width:96%;
         float:none;
         margin-left:1%;
         margin-right:1%;
         padding:1%;
    }
}
 @media only screen and (min-width: 50em) {
     .height-10 {
         height:16em;
    }
     ul.triple-list li {
         width:47%;
    }
     .grid-cell {
         width:47%;
    }
     .lg-10 .inner .grid .grid-cell {
         width:30%;
    }
     ul.grads li {
         width:47%;
         float:left;
    }
}
 @media only screen and (min-width: 65em) {
     .height-10 {
         height:12em;
    }
     ul.triple-list li {
         width:30%;
    }
     .grid-cell {
         width:30%;
    }
     .lg-10 .inner .grid .grid-cell {
         width:22%;
    }
     ul.grads li {
         width:30%;
         float:left;
    }
}
/******** Modal ********/
 #modalShade, #modalShade-incontext {
     display: none;
     background: #323232;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1300;
}
 .modalContent{
     width:100%;
     height:100%;
     overflow: hidden;
     overflow-y: auto;
}
 .searchModal, .registerModal, .loginModal, .thankyouModal, .evtModal, .vidModal, .imgmodal{
     display: none;
     background: #FFF5DC;
     color: #040240;
     padding: 20px;
     border: 10px solid #e3ae24;
     float: left;
     font-size: 1.2em;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 1350;
}
 .tubeModal{
     display: none;
     background: #333;
     color: #fff;
     padding: 0px;
     border: 10px solid #eee;
     float: left;
     font-size: 1.2em;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 1350;
}
 .eightyModal {
     display: none;
     background: var(--grey);
     color: var(--black);
     padding: 20px;
     border: 1em solid var(--boilermaker);
     float: left;
     font-size: 1.2em;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 1350;
}
 .evtModal {
     height: 375px;
     width: 625px;
}
 .vidModal, .imgmodal {
     height: 670px;
     width: 625px;
}
 .tubeModal {
     max-width:80%;
     max-height:80%;
     height: 375px;
     width: 625px;
}
 .eightyModal {
     height: 80%;
     width: 80%;
     max-height:80vh;
     max-width:80vw;
}
.eightyModal .close-incontext{position:absolute;right:-1.25em;top:-1.2em;background-color:var(--steel);color:var(--white);}
.close-incontext {font-family:var(--united);text-transform:uppercase;text-decoration:none;font-size:.8em;padding:.5em;}
 img.close_button {
     float: right;
     margin: -45px -45px 0px 0px;
     border: none;
}
 img.close_tube_button {
     float: right;
     margin: -35px -15px 0px 0px;
     border: none;
}
 img.close_about_button {
     float: right;
     margin: -25px 0px 0px 0px;
     border: none;
}
 table.gold {
     width:100%;
     border:1px solid #a3792c;
}
 table.gold th {
     color:#fff;
     background-color:#a3792c;
}
 table.gold td, table.gold th {
     padding:1em;
     border:2px solid #a3792c;
}
/******** Box Shadows ********/
 .box-shadow-aged{
     box-shadow: 1em 1em var(--aged);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-black{
     box-shadow: 1em 1em var(--black);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-dust{
     box-shadow: 1em 1em var(--dust);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-field{
     box-shadow: 1em 1em var(--field);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-rush{
     box-shadow: 1em 1em var(--rush);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-white{
     box-shadow: 1em 1em var(--white);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-boilermaker{
     box-shadow: 1em 1em var(--boilermaker);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-steam{
     box-shadow: 1em 1em var(--steam);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-steel{
     box-shadow: 1em 1em var(--steel);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-cool{
     box-shadow: 1em 1em var(--cool);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-railway{
     box-shadow: 1em 1em var(--railway);
     margin: 0 2em 2em 0;
     flex-shrink: 0;
}
 .box-shadow-none{
     box-shadow:none;
}
/******** Text Offset Outline ********/
 .outline-agedonwhite, .o-agedonwhite {
     -moz-text-stroke-color: var(--aged);
     -webkit-text-stroke-color: var(--aged);
     text-shadow: 2px 2px #fff;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-steelonwhite, .o-steelonwhite {
     -moz-text-stroke-color: var(--steel);
     -webkit-text-stroke-color: var(--steel);
     text-shadow: 2px 2px #fff;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-blackonwhite, .o-blackonwhite {
     -moz-text-stroke-color: #000;
     -webkit-text-stroke-color: #000;
     text-shadow: 2px 2px #fff;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-boilermakeronblack, .o-boilermakeronblack {
     -moz-text-stroke-color: var(--boilermaker);
     -webkit-text-stroke-color: var(--boilermaker);
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-rushonblack, .o-rushonblack {
     -moz-text-stroke-color: var(--rush);
     -webkit-text-stroke-color: var(--rush);
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-fieldonblack, .o-fieldonblack {
     -moz-text-stroke-color: var(--field);
     -webkit-text-stroke-color: var(--field);
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-dustonblack, .o-dustonblack {
     -moz-text-stroke-color: var(--dust);
     -webkit-text-stroke-color: var(--dust);
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-steamonblack, .o-steamonblack {
     -moz-text-stroke-color: var(--steam);
     -webkit-text-stroke-color: var(--steam);
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
 .outline-whiteonblack, .o-whiteonblack {
     -moz-text-stroke-color: #FFF;
     -webkit-text-stroke-color: #FFF;
     text-shadow: 2px 2px #000;
     -moz-text-stroke-width: 1px;
     -webkit-text-stroke-width: 1px;
     -moz-text-fill-color: transparent;
     -webkit-text-fill-color: transparent;
     font-weight: 900;
     text-transform: uppercase;
}
/******** Border Colors ********/
 .border-transparent {
     border:1px solid transparent;
}
 .border-transparent-2 {
     border:2px solid transparent;
}
 .border-transparent-3 {
     border:3px solid transparent;
}
 .border-transparent-5 {
     border:5px solid transparent;
}
 .border-transparent-10 {
     border:10px solid transparent;
}
 .border-white {
     border:1px solid var(--white);
}
 .border-white-2 {
     border:2px solid var(--white);
}
 .border-white-3 {
     border:3px solid var(--white);
}
 .border-white-5 {
     border:5px solid var(--white);
}
 .border-white-10 {
     border:10px solid var(--white);
}
 .border-dust {
     border:1px solid var(--dust);
}
 .border-dust-2 {
     border:2px solid var(--dust);
}
 .border-dust-3 {
     border:3px solid var(--dust);
}
 .border-dust-5 {
     border:5px solid var(--dust);
}
 .border-dust-10 {
     border:10px solid var(--dust);
}
 .border-boilermaker {
     border:1px solid var(--boilermaker);
}
 .border-boilermaker-2 {
     border:2px solid var(--boilermaker);
}
 .border-boilermaker-3 {
     border:3px solid var(--boilermaker);
}
 .border-boilermaker-5 {
     border:5px solid var(--boilermaker);
}
 .border-boilermaker-10 {
     border:10px solid var(--boilermaker);
}
 .border-rush {
     border:1px solid var(--rush);
}
 .border-rush-2 {
     border:2px solid var(--rush);
}
 .border-rush-3 {
     border:3px solid var(--rush);
}
 .border-rush-5 {
     border:5px solid var(--rush);
}
 .border-rush-10 {
     border:10px solid var(--rush);
}

 .border-aged {
     border:1px solid var(--aged);
}
 .border-aged-2 {
     border:2px solid var(--aged);
}
 .border-aged-3 {
     border:3px solid var(--aged);
}
 .border-aged-5 {
     border:5px solid var(--aged);
}
 .border-aged-10 {
     border:10px solid var(--aged);
}
 .border-black {
     border:1px solid var(--black);
}
 .border-black-2 {
     border:2px solid var(--black);
}
 .border-black-3 {
     border:3px solid var(--black);
}
 .border-black-5 {
     border:5px solid var(--black);
}
 .border-black-10 {
     border:10px solid var(--black);
}
 .border-steel {
     border:1px solid var(--steel);
}
 .border-steel-2 {
     border:2px solid var(--steel);
}
 .border-steel-3 {
     border:3px solid var(--steel);
}
 .border-steel-5 {
     border:5px solid var(--steel);
}
 .border-steel-10 {
     border:10px solid var(--steel);
}
 .border-steam {
     border:1px solid var(--steam);
}
 .border-steam-2 {
     border:2px solid var(--steam);
}
 .border-steam-3 {
     border:3px solid var(--steam);
}
 .border-steam-5 {
     border:5px solid var(--steam);
}
 .border-steam-10 {
     border:10px solid var(--steam);
}
 .border-right-dust {
     border-right:1px solid var(--dust);
}
 .border-right-dust-2 {
     border-right:2px solid var(--dust);
}
 .border-right-dust-3 {
     border-right:3px solid var(--dust);
}
 .border-right-dust-5 {
     border-right:5px solid var(--dust);
}
 .border-right-dust-10 {
     border-right:10px solid var(--dust);
}
 .border-right-boilermaker {
     border-right:1px solid var(--boilermaker);
}
 .border-right-boilermaker-2 {
     border-right:2px solid var(--boilermaker);
}
 .border-right-boilermaker-3 {
     border-right:3px solid var(--boilermaker);
}
 .border-right-boilermaker-5 {
     border-right:5px solid var(--boilermaker);
}
 .border-right-boilermaker-10 {
     border-right:10px solid var(--boilermaker);
}
 .border-right-aged {
     border-right:1px solid var(--aged);
}
 .border-right-aged-2 {
     border-right:2px solid var(--aged);
}
 .border-right-aged-3 {
     border-right:3px solid var(--aged);
}
 .border-right-aged-5 {
     border-right:5px solid var(--aged);
}
 .border-right-aged-10 {
     border-right:10px solid var(--aged);
}
 .border-right-black {
     border-right:1px solid #000;
}
 .border-right-black-2 {
     border-right:2px solid #000;
}
 .border-right-black-3 {
     border-right:3px solid #000;
}
 .border-right-black-5 {
     border-right:5px solid #000;
}
 .border-right-black-10 {
     border-right:10px solid #000;
}
 .border-left-dust {
     border-left:1px solid var(--dust);
}
 .border-left-dust-2 {
     border-left:2px solid var(--dust);
}
 .border-left-dust-3 {
     border-left:3px solid var(--dust);
}
 .border-left-dust-5 {
     border-left:5px solid var(--dust);
}
 .border-left-dust-10 {
     border-left:10px solid var(--dust);
}
 .border-left-boilermaker {
     border-left:1px solid var(--boilermaker);
}
 .border-left-boilermaker-2 {
     border-left:2px solid var(--boilermaker);
}
 .border-left-boilermaker-3 {
     border-left:3px solid var(--boilermaker);
}
 .border-left-boilermaker-5 {
     border-left:5px solid var(--boilermaker);
}
 .border-left-boilermaker-10 {
     border-left:10px solid var(--boilermaker);
}
 .border-left-aged {
     border-left:1px solid var(--aged);
}
 .border-left-aged-2 {
     border-left:2px solid var(--aged);
}
 .border-left-aged-3 {
     border-left:3px solid var(--aged);
}
 .border-left-aged-5 {
     border-left:5px solid var(--aged);
}
 .border-left-aged-10 {
     border-left:10px solid var(--aged);
}
 .border-left-black {
     border-left:1px solid #000;
}
 .border-left-black-2 {
     border-left:2px solid #000;
}
 .border-left-black-3 {
     border-left:3px solid #000;
}
 .border-left-black-5 {
     border-left:5px solid #000;
}
 .border-left-black-10 {
     border-left:10px solid #000;
}
 .border-bottom-dust{
     border-bottom:1px solid var(--dust);
}
 .border-bottom-dust-2{
     border-bottom:2px solid var(--dust);
}
 .border-bottom-dust-3{
     border-bottom:3px solid var(--dust);
}
 .border-bottom-dust-5{
     border-bottom:5px solid var(--dust);
}
 .border-bottom-dust-8{
     border-bottom:8px solid var(--dust);
}
 .border-bottom-dust-10{
     border-bottom:10px solid var(--dust);
}
 .border-bottom-boilermaker{
     border-bottom:1px solid var(--boilermaker);
}
 .border-bottom-boilermaker-2{
     border-bottom:2px solid var(--boilermaker);
}
 .border-bottom-boilermaker-3{
     border-bottom:3px solid var(--boilermaker);
}
 .border-bottom-boilermaker-5{
     border-bottom:5px solid var(--boilermaker);
}
 .border-bottom-boilermaker-8{
     border-bottom:8px solid var(--boilermaker);
}
 .border-bottom-boilermaker-10{
     border-bottom:10px solid var(--boilermaker);
}
 .border-bottom-aged{
     border-bottom:1px solid var(--aged);
}
 .border-bottom-aged-2{
     border-bottom:2px solid var(--aged);
}
 .border-bottom-aged-3{
     border-bottom:3px solid var(--aged);
}
 .border-bottom-aged-5{
     border-bottom:5px solid var(--aged);
}
 .border-bottom-aged-8{
     border-bottom:8px solid var(--aged);
}
 .border-bottom-aged-10{
     border-bottom:10px solid var(--aged);
}
 .border-bottom-black{
     border-bottom:1px solid #000;
}
 .border-bottom-black-2{
     border-bottom:2px solid #000;
}
 .border-bottom-black-3{
     border-bottom:3px solid #000;
}
 .border-bottom-black-5{
     border-bottom:5px solid #000;
}
 .border-bottom-black-8{
     border-bottom:8px solid #000;
}
 .border-bottom-black-10{
     border-bottom:10px solid #000;
}
.border-0, .remove-borders {
    border: none;
}
/******** Recolors(Deprecated) ********/
/* RECOLOR BASE H:38 S:24.5% L:60% [subtract target from base] */
 .recolor-white {
     filter:brightness(.5)sepia(1) hue-rotate(10deg)saturate(75.5%) brightness(140%) opacity(.5);
}
 .recolor-dark-green {
     filter:brightness(.5)sepia(1) hue-rotate(88deg)saturate(166.5%) brightness(76%) 
}
 .recolor-green {
     filter:brightness(.5)sepia(1) hue-rotate(35deg)saturate(148.5%) brightness(102%) 
}
 .recolor-lime {
     filter:brightness(.5)sepia(1) hue-rotate(20deg)saturate(169.5%) brightness(116%) 
}
 .recolor-rust {
     filter:brightness(.5)sepia(1) hue-rotate(-9deg)saturate(165.5%) brightness(111%) 
}
 .recolor-yellow {
     filter:brightness(.5)sepia(1) hue-rotate(11deg)saturate(175.5%) brightness(140%) 
}
 .recolor-dark-blue {
     filter:brightness(.5)sepia(1) hue-rotate(165deg)saturate(94.5%) brightness(84%) 
}
 .top-menu-gold {
     color:var(--aged);
}
/******** Data Visualizations ********/
 .graph *{
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .graph h2, .graph p, .graph .subheading{
     text-align: center;
     font-size: 2.5em;
     margin-bottom: 0em;
     font-weight:bold;
}
 .graph h3, .graph .preheading{
     text-align: center;
     font-size: 1.5em;
     position:relative;
}
 .graph h4{
     text-align: start;
     font-size: 1em;
     position: relative;
     margin-left: 7em;
     bottom: 2.35em 
}
 .graph h6{
     text-align:center;
     color:#fff;
     font-size: 2em;
     line-height: 0em;
}
 .graph .card {
     background: #fff;
     color:inherit;
     padding: 3.571em;
     margin: 0;
}
 .graph .donut-chart {
     position: relative;
     border-radius: 50%;
     overflow: hidden;
     margin-left:auto;
     margin-right:auto;
}
 .graph .donut-chart .slice {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*center white*/
 .graph .donut-chart .chart-center {
     position: absolute;
     border-radius: 50%;
}
 .graph .salary{
     width:100%;
     height:100%;
     background: url(../img/icon/folder.png) 50% 0 no-repeat;
     background-size:cover;
     color:inherit;
}
 .graph .relative{
     position:relative;
     width:50.000em;
}
 .graph .absolute-text{
     position:absolute;
     bottom:0;
     font-size:1.714em;
     padding:0.714em 1.429em;
     width:100%;
     text-align:left;
     color: #fff;
     background-color:inherit;
     font-size: 3em;
}
 .graph .absolute-text2{
     position:absolute;
     bottom:0;
     font-size:1.071em;
     padding:3.571em 0.286em;
     width:100%;
     text-align:left;
     color: #fff;
     background-color:inherit;
     font-size: 4em;
}
 .graph .folder{
     padding: 30px;
     background-image:url(../images/folder.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
}
 .graph .banner{
     padding: 30px;
     background-image:url(../img/banner.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
}
 .graph .person{
     padding: 30px;
     background-image:url(../images/person.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
     max-width: 4em;
}
 .graph .blackboard{
     padding: 30px;
     background-image:url(../images/blackboard.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
     max-width: 4em;
}
 .graph .document{
     padding: 30px;
     background-image:url(../images/document.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
     max-width: 4em;
}
 .graph .graduate{
     padding: 30px;
     background-image:url(../images/graduate.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position:center;
     margin-bottom: -100px;
     font-size: 2em;
     color: #fff;
     max-width: 4em;
}
/*chart1*/
 .graph .donut-chart.chart1 {
     width: 14.286em;
     height: 14.286em;
     background: #dabdcb;
     color:inherit;
}
 .graph .donut-chart.chart1 .slice.one {
     clip: rect(0 14.286em 7.143em 0);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     background: #ad1f65;
     color:inherit;
}
 .graph .donut-chart.chart1 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
     background: #ad1f65;
     color:inherit;
}
 .graph .donut-chart.chart1 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
}
/*chart2*/
 .graph .donut-chart.chart2 {
     width: 14.286em;
     height: 14.286em;
     background: #ead6bc;
     color:inherit;
}
 .graph .donut-chart.chart2 .slice.one {
     clip: rect(0 14.286em 7.143em 0);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     background: #ff9b1a;
     color:inherit;
}
 .graph .donut-chart.chart2 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(327.6deg);
     transform: rotate(327.6deg);
     background: #ff9b1a;
     color:inherit;
}
 .graph .donut-chart.chart2 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
}
/*chart3*/
 .graph .donut-chart.chart3 {
     width: 14.286em;
     height: 14.286em;
     background: #7ca6c0;
}
 .graph .donut-chart.chart3 .slice.one {
     clip: rect(0 14.286em 7.143em 0);
     -webkit-transform: rotate(144deg);
     transform: rotate(144deg);
     background: #eaf1f5;
}
 .graph .donut-chart.chart3 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #eaf1f5;
}
 .graph .donut-chart.chart3 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
}
/*chart4*/
 .graph .donut-chart.chart4 {
     width: 14.286em;
     height: 14.286em;
     background: #2eaf9b;
     color:inherit;
}
 .graph .donut-chart.chart4 .slice.one {
     clip: rect(0 14.286em 7.143em 0);
     -webkit-transform: rotate(252deg);
     transform: rotate(252deg);
     background: #ecf8f6;
     color:inherit;
}
 .graph .donut-chart.chart4 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #ecf8f6;
     color:inherit;
}
 .graph .donut-chart.chart4 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
}
/*radical chart1 ring 1*/
 .graph .donut-chart.chart5 {
     width: 14.286em;
     height: 14.286em;
     background: #fff;
     color:inherit;
}
 .graph .donut-chart.chart5 .slice.one {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #2eaf9b;
     color:inherit;
}
 .graph .donut-chart.chart5 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #2eaf9b;
     color:inherit;
}
 .graph .donut-chart.chart5 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
     -ms-transform: scale(1.1,,1.1);
    /* IE 9 */
     -webkit-transform: scale(1.1,1.1);
    /* Safari */
     transform: scale(1.1,1.1);
    /* Standard syntax */
}
/*radical chart1 ring 2*/
 .graph .donut-chart.chart6 {
     width: 14.286em;
     height: 14.286em;
     background: #fff;
     color:inherit;
     -ms-transform: scale(.6,.6);
    /* IE 9 */
     -webkit-transform: scale(.6,.6);
    /* Safari */
     transform: scale(.6,.6);
    /* Standard syntax */
     display: block;
     margin: 0 auto;
     right: 1.786em;
     bottom: 1.786em;
}
 .graph .donut-chart.chart6 .slice.one {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #7CA6C0;
     color:inherit;
}
 .graph .donut-chart.chart6 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #7CA6C0;
     color:inherit;
}
 .graph .donut-chart.chart6 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
     transform: scale(.95,.95);
    /* Standard syntax */
}
/*radical chart1 ring 3*/
 .graph .donut-chart.chart7 {
     width: 14.286em;
     height: 14.286em;
     background: #fff;
     color:inherit;
     transform: scale(.5,.5);
    /* Standard syntax */
     display: block;
     margin: 0 auto;
     right: 1.786em;
     bottom: 1.786em;
}
 .graph .donut-chart.chart7 .slice.one {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #FF9B1A;
     color:inherit;
}
 .graph .donut-chart.chart7 .slice.two {
     clip: rect(0 7.143em 14.286em 0);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     background: #FF9B1A;
     color:inherit;
}
 .graph .donut-chart.chart7 .chart-center {
     top: 1.786em;
     left: 1.786em;
     width: 10.714em;
     height: 10.714em;
     background: #fff;
     color:inherit;
     transform: scale(.6,.6);
    /* Standard syntax */
}

/******** Container Lg Md Sm Xs ********/
 .container .lg-0{
     display:none 
}
 .container .lg-1{
     float:left;
     width:10% 
}
 .container .lg-15{
     float:left;
     width:15% 
}
 .container .lg-2{
     float:left;
     width:20% 
}
 .container .lg-25{
     float:left;
     width:25% 
}
 .container .lg-3{
     float:left;
     width:30% 
}
 .container .lg-33{
     float:left;
     width:33% 
}
 .container .lg-35{
     float:left;
     width:35% 
}
 .container .lg-4{
     float:left;
     width:40% 
}
 .container .lg-5{
     float:left;
     width:50% 
}
 .container .lg-6{
     float:left;
     width:60% 
}
 .container .lg-66{
     float:left;
     width:66% 
}
 .container .lg-7{
     float:left;
     width:70% 
}
 .container .lg-8{
     float:left;
     width:80% 
}
 .container .lg-9{
     float:left;
     width:90% 
}
 .container .lg-10{
     float:left;
     width:100% 
}
 @media (max-width:991px){
    /* .container [class*='lg-']{
         display:inherit 
    }
     */
     .container .md-0{
         display:none 
    }
     .container .md-1{
         width:10% 
    }
     .container .md-2{
         width:20% 
    }
     .container .md-25{
         width:25% 
    }
     .container .md-3{
         width:30% 
    }
     .container .md-33{
         width:33.3% 
    }
     .container .md-4{
         width:40% 
    }
     .container .md-5{
         width:50% 
    }
     .container .md-6{
         width:60% 
    }
     .container .md-66{
         width:66% 
    }
     .container .md-7{
         width:70% 
    }
     .container .md-8{
         width:80% 
    }
     .container .md-9{
         width:90% 
    }
     .container .md-10{
         width:100% 
    }
}
 @media (max-width:767px){
    /* .container [class*='lg-']{
         display:inherit 
    }
     */
     .container .sm-0{
         display:none 
    }
     .container .sm-1{
         width:10% 
    }
     .container .sm-2{
         width:20% 
    }
     .container .sm-25{
         width:25% 
    }
     .container .sm-3{
         width:30% 
    }
     .container .sm-33{
         width:33.3% 
    }
     .container .sm-4{
         width:40% 
    }
     .container .sm-5{
         width:50% 
    }
     .container .sm-6{
         width:60% 
    }
     .container .sm-66{
         width:66% 
    }
     .container .sm-7{
         width:70% 
    }
     .container .sm-8{
         width:80% 
    }
     .container .sm-9{
         width:90% 
    }
     .container .sm-10{
         width:100% 
    }
}
 @media (max-width:499px){
    /* .container [class*='lg-']{
         display:inherit 
    }
     */
     .container .xs-0{
         display:none 
    }
     .container .xs-1{
         width:10% 
    }
     .container .xs-2{
         width:20% 
    }
     .container .xs-25{
         width:25% 
    }
     .container .xs-3{
         width:30% 
    }
     .container .xs-33{
         width:33.3% 
    }
     .container .xs-4{
         width:40% 
    }
     .container .xs-5{
         width:50% 
    }
     .container .xs-66{
         width:66% 
    }
     .container .xs-6{
         width:60% 
    }
     .container .xs-7{
         width:70% 
    }
     .container .xs-8{
         width:80% 
    }
     .container .xs-9{
         width:90% 
    }
     .container .xs-10{
         width:100% 
    }
}
/******** Slider ********/
 .tmp{
     color:#000 
}
 .slider{
     overflow:auto;
     position:relative;
     -ms-touch-action:pan-y;
     touch-action:pan-y;
     background:rgba(0,0,0,0.07) 
}
 .slider a{
     text-decoration:none;
}
 .slider.black-bg{
     background:#000;
     color:#fff;
}
 .slider.bg-bright-gold{
     background:#ddb945 
}
 .slider.bg-old-gold{
     background:#8E6F3E 
}
 .slider.aged-bg{
     background:var(--aged);
     color:#fff;
}
 .slider.boilermaker-bg{
     background:var(--boilermaker);
     color:#000;
}
 .slider.rush-bg{
     background:var(--rush);
     color:#000;
}
 .slider.field-bg{
     background:var(--field);
     color:#000;
}
 .slider.dust-bg{
     background:var(--dust);
     color:#000;
}
 .slider.steel-bg{
     background:var(--steel);
     color:#fff;
}
 .slider.cool-bg{
     background:var(--cool);
     color:#fff;
}
 .slider.railway-bg{
     background:var(--railway);
     color:#000;
}
 .slider.steam-bg{
     background:var(--steam);
     color:#000;
}
 .slider .headline-masters h2, .slider .headline-masters .subheading, .slider .headline-masters .subheadline{
     background-color:inherit 
}
 .slider .headline-masters a{
     color:#fff;
     background-color:inherit;
     text-decoration:none;
}
 .slider .aged .headline-masters h2, .slider .aged .headline-masters .subheading, .slider .aged .headline-masters .subheadline{
     color:var(--aged);
     background-color:inherit 
}
 .slider .boilermaker .headline-masters h2, .slider .boilermaker .headline-masters .subheading, .slider .boilermaker .headline-masters .subheadline{
     color:var(--boilermaker);
     background-color:inherit 
}
 .slider .dust .headline-masters h2, .slider .dust .headline-masters .subheading, .slider .dust .headline-masters .subheadline{
     color:var(--dust);
     background-color:inherit 
}
 .slider .rush .headline-masters h2, .slider .rush .headline-masters .subheading, .slider .rush .headline-masters .subheadline{
     color:var(--rush);
     background-color:inherit 
}
 .slider .field .headline-masters h2, .slider .field .headline-masters .subheading, .slider .field .headline-masters .subheadline{
     color:var(--field);
     background-color:inherit 
}
 .slider .steel .headline-masters h2, .slider .steel .headline-masters .subheading, .slider .steel .headline-masters .subheadline{
     color:var(--steel);
     background-color:inherit 
}
 .slider .cool .headline-masters h2, .slider .cool .headline-masters .subheading, .slider .cool .headline-masters .subheadline{
     color:var(--cool);
     background-color:inherit 
}
 .slider .railway .headline-masters h2, .slider .railway .headline-masters .subheading, .slider .railway .headline-masters .subheadline{
     color:var(--railway);
     background-color:inherit 
}
 .slider .steam .headline-masters h2, .slider .steam .headline-masters .subheading, .slider .steam .headline-masters .subheadline{
     color:var(--steam);
     background-color:inherit 
}
 .slider .slide.current{
     z-index:1;
     opacity:1 
}
 .lean-slider{
     position:relative;
     *zoom:1 
}
 .lean-slider:before,.lean-slider:after{
     content:" ";
     display:table 
}
 .lean-slider:after{
     clear:both 
}
 .lean-slider-slide{
     float:left;
     width:100%;
     margin-right:-100%;
     display:none 
}
 .lean-slider-slide.current{
     display:block 
}
 .slider-wrapper{
     position:relative;
     background:#fff url(images/loading.gif) no-repeat 50% 50%;
     min-width:100%;
     min-height:100%;
     -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
     -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
     box-shadow:0 0 3px rgba(0,0,0,0.4) 
}
 .lean-slider{
     overflow:hidden 
}
 .lean-slider-slide{
     display:block;
     position:relative;
     opacity:0;
     -webkit-transition:opacity 0.6s linear;
     -moz-transition:opacity 0.6s linear;
     -ms-transition:opacity 0.6s linear;
     -o-transition:opacity 0.6s linear;
     transition:opacity 0.6s linear 
}
 .lean-slider-slide.current{
     opacity:1 
}
/******** Page Headings ********/
 .page-heading{
     font-family: var(--unitedcond);
     font-size: 4em;
     font-weight:bold;
     background-color:inherit;
     margin:.3em 0;
}
 .page-heading.white{
     color:#fff;
     background-color:inherit 
}
 .page-heading.black{
     color:#000;
     background-color:inherit 
}
 .page-heading.steel{
     color:var(--steel);
     background-color:inherit 
}
 .page-heading.cool{
     color:var(--cool);
     background-color:inherit 
}
 .page-heading.railway{
     color:var(--railway);
     background-color:inherit 
}
 .page-heading.steam{
     color:var(--steam);
     background-color:inherit 
}
 .page-heading.aged{
     color:var(--aged);
     background-color:inherit 
}
 .page-heading.boilermaker{
     color:var(--boilermaker);
     background-color:inherit 
}
 .page-heading.rush{
     color:var(--rush);
     background-color:inherit 
}
 .page-heading.field{
     color:var(--field);
     background-color:inherit 
}
 .page-heading.dust{
     color:var(--dust);
     background-color:inherit 
}
 .page-heading img{
     float:left;
     height:45px;
     margin-right:0.5em 
}
 .section-heading{
     font-family: var(--unitedcond);
     font-size: 3em;
     font-weight:bold;
     background-color:inherit;
     margin:.3em 0;
}
 .page-header{
     background-color:#000;
     padding:10px 0 
}
 .page-header h1, .page-header div, .page-header .heading{
     font-family:var(--acumin);
     background-color:inherit;
     color:#fff;
     font-size:1.85em;
     font-weight:lighter;
     text-transform:uppercase 
}
 .page-header a{
     color:#fff;
     background-color:inherit;
     text-decoration:none;
}
 .page-header a:hover, .page-header a:focus{
     text-decoration:underline;
}
/******** Splash ********/
 .splash .block-50 .inner {
     background-color:rgba(255, 255, 255, 0.7);
     padding:1em;
     margin:2em 0;
     max-width:100%;
}
 .splash h1, .splash .heading {
     font-size:5.5em;
     margin:2em 0 .3em 0;
     color:black;
     text-transform: uppercase;
     font-family: var(--source);
     font-weight: normal;
     line-height: 1em;
}
 .splash h1 + p, .splash .heading + p {
     font-size:2.25em;
     line-height:1em;
     margin:0;
     font-family: var(--source);
     text-shadow:0 0 5px #000;
     color:#fff;
     margin-bottom:4em;
     font-weight:bold;
}
 .splash .inner h2, .splash .inner .subheading {
     font-size:4em;
     margin:1em 0;
     color:#333;
     text-transform: uppercase;
     font-family: var(--source);
     font-weight: normal;
     text-align:center;
}
 .splash .primary-menu {
     margin-top:5em;
}
 .splash .primary-menu>ul>li{
     text-align:center;
     padding:10px 0;
     color:#fff;
     background-color:#333;
     font-family: var(--acumincond);
}
 .splash .primary-menu>ul>li>a{
     padding:0 1em;
     color:inherit;
     background-color:inherit;
     border-left:0;
}
 .splash .primary-menu>ul>li:last-child>a{
     border-right:0;
}
 .splash .primary-menu {
     margin-bottom:3em;
}
 .splash .primary-menu>ul>li.active:after,.splash .primary-menu>ul>li:hover:after{
     display:none 
}
 .splash .block-50 {
     text-align:center;
}
 .splash .block-50 .primary-menu {
     position:fixed;
     bottom:1em;
     right:1em;
}
 .splash .inner {
     text-align:left;
}
 .splash #menutoggle {
     background-color:#fff;
}
 .splash .container .lg-10, .splash .container .md-10 {
     background-color:#fff;
     padding:1em;
     box-sizing:border-box;
}

/******** Misc 2 (Mobile styles for above sections, gradients) ********/
 @media (max-width:991px){
     .page-header{
         text-align:center 
    }
     .page-header h1, .page-header .heading{
         font-size:1.5em;
    }
}
 [class*='content-'] .inner{
     margin-right:20px 
}
 [class*='content-'] .inner p{
     line-height:1.5em 
}
 [class*='content-'].gold h3, [class*='content-'].gold .preheading{
     color:var(--aged);
     background-color:inherit;
}
 [class*='content-'] .alignleft{
     float:left;
     margin-right:20px;
     margin-bottom:20px 
}
 .lg-10 .inner{
     max-width:100%;
     margin-right:0;
}
 .followingleft .inner {
     margin-left:20px;
}
 .gradient-heading{
     background-color:#F2F2F2;
     text-transform:uppercase;
     padding:5px 10px 
}
 .news-heading{
     font-size:1.5em;
}
 @media (max-width:991px){
     [class*='content-'] .inner{
         max-width:inherit;
         margin-right:0 
    }
     [class*='content-'] .inner p{
         line-height:1.25em 
    }
     .followingleft .inner{
         margin-left:0;
    }
     .content-main, .announcements{
         margin-top:20px 
    }
     .content-main .container .container .md-10+.md-10>em,.content-main .container .container .md-10+.md-10>ul{
         border-left:none;
         padding-left:0;
         margin-left:0 
    }
}
 .gradient-bg{
     background-color: var(--black);
     color: var(--white);
     padding:30px 0 
}
 .mark-horz{display:inline-block;position:relative;height:100%;}
 .mark-vert{display:none;position:relative;height:100%;}
 .mark-h-pu-link{position: absolute;top:0;left:0;height:100%;width:55%;}
 .mark-h-site-link{position: absolute;top:0;left:56%;height:100%;width:44%;}
 .mark-h-site-link-full{position: absolute;top:0;left:0;height:100%;width:100%;}
 .mark-v-pu-link{position: absolute;top:0;left:0;height:55%;width:100%;}
 .mark-v-site-link{position: absolute;top:60%;left:0;height:40%;width:100%;}
 .mark-v-site-link-full{position: absolute;top:0;left:0;height:100%;width:100%;}

/******** Primary Menus ********/
 .horizontal-menu>ul>li{
     display:inline-block;
     font-family: var(--acumincond);
}
 .primary-menu>ul>li{
     text-align:center;
     padding:10px 0;
     font-family: var(--acumincond);
}
 .primary-menu>ul>li:hover{
     cursor:pointer 
}
 .primary-menu>ul>li>a{
     margin: 0 2em 0 0;
     padding: 0;
     display:block;
     text-transform:uppercase;
     text-decoration:none;
     font-weight:400;
     border-bottom: 2px solid transparent;
}
 .primary-menu>ul>li>a:hover, .primary-menu>ul>li>a:focus, .primary-menu>ul>li:focus-within>a {
     border-bottom: 2px solid var(--black);
}
 .primary-menu>ul>li>div{
     max-height:0;
     min-height:0;
     overflow:hidden;
     position:absolute;
     background-color:#ededed;
     color: var(--black);
     width:100%;
     left:0;
     top:100%;
     text-align:left;
     z-index:2 
}
 .primary-menu>ul>li>div:hover{
     cursor:auto 
}
 .primary-menu>ul>li>div>ul{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
 .primary-menu>ul>li>div>ul>li{
     width:13%;
     float:left;
     margin:0 3.666666667% 1% 0;
     text-align:center;
     font-weight:bold;
     font-size:1.1em 
}
 .primary-menu>ul>li>div>ul>li.two-col{
     width:26% 
}
 .primary-menu>ul>li>div>ul>li.two-col ul{
     float:left;
     width:45% 
}
 .primary-menu>ul>li>div>ul>li.two-col ul+ul{
     margin-left:10% 
}
 .primary-menu>ul>li>div>ul>li.three-col{
     width:46% 
}
 .primary-menu>ul>li>div>ul>li.three-col ul{
     float:left;
     width:26.66% 
}
 .primary-menu>ul>li>div>ul>li.three-col ul+ul{
     margin-left:10% 
}
 .primary-menu>ul>li>div>ul>li.four-col{
     width:62% 
}
 .primary-menu>ul>li>div>ul>li.four-col ul{
     float:left;
     width:17.5% 
}
 .primary-menu>ul>li>div>ul>li.four-col ul+ul{
     margin-left:10% 
}
 .primary-menu>ul>li>div>ul>li.five-col{
     width:79% 
}
 .primary-menu>ul>li>div>ul>li.five-col ul{
     float:left;
     width:12% 
}
 .primary-menu>ul>li>div>ul>li.five-col ul+ul{
     margin-left:10% 
}
 .primary-menu>ul>li>div>ul>li.six-col{
     width:95% 
}
 .primary-menu>ul>li>div>ul>li.six-col ul{
     float:left;
     width:8.33% 
}
 .primary-menu>ul>li>div>ul>li.six-col ul+ul{
     margin-left:10% 
}
 .primary-menu>ul>li>div>ul>li[class*="-col"] ul[class*="col-"] {
     float: none;
     width: 100%;
}
 .primary-menu>ul>li>div>ul>li>a{
     border-bottom:1px solid var(--white);
}
 .primary-menu>ul>li>div>ul>li a{
     text-decoration:none;
     display:block;
     padding:2px;
}
 .primary-menu>ul>li>div>ul>li a:hover, .primary-menu>ul>li>div>ul>li a:focus{
     color: var(--white);
     background-color:#333;
}
 .primary-menu>ul>li>div>ul>li>ul{
     margin:0;
     list-style:none;
     padding:10px 0 0 0 
}
 .primary-menu>ul>li>div>ul>li>ul>li{
     text-align:left;
     font-weight:normal;
     font-size:.85em;
     margin-bottom:5px 
}
 .primary-menu>ul>li.menu-item.active:after,.primary-menu>ul>li.menu-item:hover:after{
     content:"";
     border-left:10px solid transparent;
     border-right:10px solid transparent;
     border-top:10px solid var(--black);
}
 .primary-menu>ul>li.menu-aged.active:after,.primary-menu>ul>li.menu-aged:hover:after,.primary-menu>ul>li.menu-aged.active>div{
     border-top-color:var(--aged) 
}
 .primary-menu>ul>li.menu-aged>div>ul>li>a{
     border-bottom-color:var(--aged) 
}
 .primary-menu>ul>li.menu-aged>div>ul>li>ul>li a.highlight{
     color:var(--aged);
     background-color:var(--black);
}
 .primary-menu>ul>li.menu-aged>div>ul>li>ul>li a.highlight:hover{
     color:var(--aged);
     background-color:var(--black);
}
 .primary-menu>ul>li.boilermaker.active:after,.primary-menu>ul>li.boilermaker:hover:after,.primary-menu>ul>li.boilermaker.active>div{
     border-top-color:var(--boilermaker) 
}
 .primary-menu>ul>li.boilermaker>div>ul>li>a{
     border-bottom-color:var(--boilermaker) 
}
 .primary-menu>ul>li.boilermaker>div>ul>li>ul>li a.highlight{
     color:var(--boilermaker);
     background-color:var(--black);
}
 .primary-menu>ul>li.boilermaker>div>ul>li>ul>li a.highlight:hover{
     color:var(--boilermaker);
     background-color:var(--black);
}
 .primary-menu>ul>li.white.active:after,.primary-menu>ul>li.white:hover:after,.primary-menu>ul>li.white.active>div{
     border-top-color:var(--white);
}
 .primary-menu>ul>li.white>div>ul>li>a{
     border-bottom-color:var(--white);
}
 .primary-menu>ul>li.white>div>ul>li>ul>li a.highlight{
     color:var(--white);
     background-color:var(--black);
}
 .primary-menu>ul>li.white>div>ul>li>ul>li a.highlight:hover{
     color:var(--white);
     background-color:var(--black);
}
 .primary-menu>ul>li.rush.active:after,.primary-menu>ul>li.rush:hover:after,.primary-menu>ul>li.rush.active>div{
     border-top-color:var(--rush) 
}
 .primary-menu>ul>li.rush>div>ul>li>a{
     border-bottom-color:var(--rush) 
}
 .primary-menu>ul>li.rush>div>ul>li>ul>li a.highlight{
     color:var(--rush);
     background-color:var(--black);
}
 .primary-menu>ul>li.rush>div>ul>li>ul>li a.highlight:hover{
     color:var(--rush);
     background-color:var(--black);
}
 .primary-menu>ul>li.field.active:after,.primary-menu>ul>li.field:hover:after,.primary-menu>ul>li.field.active>div{
     border-top-color:var(--field) 
}
 .primary-menu>ul>li.field>div>ul>li>a{
     border-bottom-color:var(--field) 
}
 .primary-menu>ul>li.field>div>ul>li>ul>li a.highlight{
     color:var(--field);
     background-color:var(--black);
}
 .primary-menu>ul>li.field>div>ul>li>ul>li a.highlight:hover{
     color:var(--field);
     background-color:var(--black);
}
 .primary-menu>ul>li.dust.active:after,.primary-menu>ul>li.dust:hover:after,.primary-menu>ul>li.dust.active>div{
     border-top-color:var(--dust) 
}
 .primary-menu>ul>li.dust>div>ul>li>a{
     border-bottom-color:var(--dust) 
}
 .primary-menu>ul>li.dust>div>ul>li>ul>li a.highlight{
     color:var(--dust);
     background-color:var(--black);
}
 .primary-menu>ul>li.dust>div>ul>li>ul>li a.highlight:hover{
     color:var(--dust);
     background-color:var(--black);
}
 .primary-menu>ul>li.railway.active:after,.primary-menu>ul>li.railway:hover:after,.primary-menu>ul>li.railway.active>div{
     border-top-color:var(--railway) 
}
 .primary-menu>ul>li.railway>div>ul>li>a{
     border-bottom-color:var(--railway) 
}
 .primary-menu>ul>li.railway>div>ul>li>ul>li a.highlight{
     color:var(--railway);
     background-color:var(--black);
}
 .primary-menu>ul>li.railway>div>ul>li>ul>li a.highlight:hover{
     color:var(--railway);
     background-color:var(--black);
}
 .primary-menu>ul>li.steam.active:after,.primary-menu>ul>li.steam:hover:after,.primary-menu>ul>li.steam.active>div{
     border-top-color:var(--steam) 
}
 .primary-menu>ul>li.steam>div>ul>li>a{
     border-bottom-color:var(--steam) 
}
 .primary-menu>ul>li.steam>div>ul>li>ul>li a.highlight{
     color:var(--steam);
     background-color:var(--black);
}
 .primary-menu>ul>li.steam>div>ul>li>ul>li a.highlight:hover{
     color:var(--steam);
     background-color:var(--black);
}
 .primary-menu>ul>li.active>div{
     max-height:none;
     min-height:none;
     padding:20px 0;
     z-index:3;
     border-top:8px solid var(--black); 
}
 .primary-menu>ul>li.active:after,.primary-menu>ul>li:hover:after{
     position:absolute;
     margin-top:18px;
     margin-left:-9px;
     z-index:100 
}
 .primary-menu a{
     color:#333;
     background-color:inherit 
}
@media (max-width:991px){
	.primary-menu{
         max-height:0;
         overflow:hidden 
    }
     .primary-menu.active{
         max-height:none;
    }
     .primary-menu>ul>li{
         width:100%;
         border-bottom:1px solid #a7a9ac 
    }
     .primary-menu>ul>li.active>div{
         max-height:none;
         min-height:0;
    }
     .primary-menu>ul>li>div{
         position:relative;
         border-top:0 
    }
     .primary-menu>ul>li>div>ul>li{
         width:48%;
         margin-right:2%;
         clear:both 
    }
     .primary-menu>ul>li>div>ul>li:nth-child(even){
         clear:none;
         margin-right:0;
         margin-left:2% 
    }
     .primary-menu>ul>li>div>ul>li.two-col{
         width:48% 
    }
     .primary-menu>ul>li>div>ul>li.three-col,.primary-menu>ul>li>div>ul>li.four-col,.primary-menu>ul>li>div>ul>li.five-col,.primary-menu>ul>li>div>ul>li.six-col{
         width:98% 
    }
     .primary-menu>ul>li:last-child{
         border-bottom:none 
    }
     .primary-menu>ul>li>a,.primary-menu>ul>li:last-child>a{
         margin: 0;
         border:none;
    }
    .primary-menu>ul>li>a:hover, .primary-menu>ul>li>a:focus, .primary-menu>ul>li:focus-within>a {border-bottom: 2px solid transparent;}
     .primary-menu>ul>li.active:after,.primary-menu>ul>li:hover:after{
         display:none 
    }
}
@media (max-width:767px){
     .primary-menu>ul>li>div>ul>li{
         width:98% 
    }
     .primary-menu>ul>li>div>ul>li.two-col{
         width:98% 
    }
}

/******** Other Menu Styles ********/
 .main-nav-right{
     float:right;
}
 .show-full{
     display:block;
}
 .show-mid{
     display:none;
}
 .show-small{
     display:none;
}
 .top-menu{
     padding:0;
     margin:0;
     float:right;
     font-size:.85em;
     background-color:inherit;
     color:#333 
}
 .top-menu+a img{
     max-height:6em;
}
 .top-menu li{
     position:relative;
     padding:0 10px;
     float:left 
}
 .top-menu li:last-child{
     border-right:none 
}
 .top-menu a{
     background-color:inherit;
     color:#333;
     text-decoration:none;
     font-weight:normal;
}
 .top-menu a:hover{
     color: var(--black);
     background-color:inherit;
}
 .top-ribbon {padding:.3em 0;}
 .secondary-menu{
     max-height:none;
     overflow:hidden;
     background:var(--steam);
     color:#000;
     width:100%;
     margin-bottom:.8em;
     font-family: var(--acumincond);
}
 .secondary-menu.active{
     max-height:none;
}
 .secondary-menu.deactive{
     max-height:0;
}
 .secondary-menu li{
     padding:5px 10px;
     font-weight:bold 
}
 .secondary-menu li li{
     margin-left:10px;
     position:relative;
     font-weight:normal 
}
 .secondary-menu li li:before{
     content:"•";
     background-color:inherit;
     color:var(--steel);
     position:absolute;
     left:0 
}
 .secondary-menu li li:last-child{
     padding-bottom:0 
}
 .sidebar .secondary-menu a{
     background-color:inherit;
     color:#000;
     text-decoration:none;
}
 .sidebar .secondary-menu a:hover{
     background-color:inherit;
     color:var(--steel) 
}
 #secondarymenutoggle{
     cursor:pointer 
}
 .school-links {float:left;}
 .school-links > ul > li {position: relative;}
 .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: var(--white);border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
 .dropdown-menu ul li:before {content:"-";position:absolute;}
 .dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857;color: #333;white-space: nowrap;}
 .dropdown-menu .menu-item + ul, .dropdown-menu .menu-item + div {display:none;}
 .dropdown-menu .open.menu-item + ul, .dropdown-menu .open.menu-item + div {display:block;}
 .main-nav-right .dropdown-menu {left:auto;right:0;background-color:#ededed;color: var(--black);}
 .main-nav-right .dropdown-menu a {text-decoration:none;}
 .main-nav-right .dropdown-menu a:hover {text-decoration:underline;}
 .open + .dropdown-menu {display:block;}
 .gold-dropdown>li>ul>div>li>ul, .gold-dropdown>li>div>ul>li>ul {display:none;}
 .gold-dropdown {border: none;box-shadow: none;background-color: var(--boilermaker);font-size: 1.09091em;text-transform: none;color: var(--black);}
 .gold-dropdown a, .gold-dropdown a:visited, .steam-dropdown a, .steam-dropdown a:visited {padding: 3px 20px;display:block;background-color: transparent !important;color: var(--black) !important;font-weight: 400;text-decoration: none;}
 .gold-dropdown a:hover, .gold-dropdown a:focus, .top-menu a:hover, .top-menu a:focus {text-decoration: underline;}
 .gold-dropdown ul li {position:relative;}
 .gold-dropdown .menu-item {color: var(--black);}
 .gold-dropdown .menu-item + div{padding:0 20px;}
 .steam-dropdown {left:auto;right:0;background-color: var(--boilermaker);color: var(--black);box-shadow: none;font-size: 1.09091em;text-transform: none;padding:5px 10px;}
 .bus-menu{display:block;}
 .bus-menu .icon-bar{display:none;background-color: var(--black);}
 a.bus-menu {text-decoration: none;color: bar(--black);background-color: transparent;}
 a.bus-menu:hover, a.kran-menu:focus {text-decoration: underline;}
 .quick-heading{display:none;}
 .button-menu{
    display:block;border:none;background-color:transparent;background-image:none;border-radius:0;
}
/******** Search ********/
 .search{
     margin-top:15px;
     width:100%;
     max-width:300px 
}
 .search input{
     width:100%;
     max-width:250px;
     padding:3px;
     border:none;
     box-shadow:0 0 5px 
}
 .search img{
     float:left;
     height:22px;
     margin-left:10px 
}
 .search input[type=image]{
     width:22px;
     height:22px;
     margin-left:10px;
     padding:0;
     box-shadow:none;
}
 .search-link {float:right;position: relative;color: var(--black);}
 .search-link button[type=submit]{
     background-color:transparent;
     color:inherit;
     border:0;
     cursor:pointer;
}
 .search-menu {color: var(--black);}
 .bottom-border{
     border-bottom:8px solid #000;
     float:left;
     width:100%;
     position:relative;
     z-index: 150;
}
 #menutoggle,#toptoggle{
     display:none;
     border:none;
     background-color:transparent;
     background-image:none;
     border-radius:4px;
     line-height:23px;
     margin-bottom:-10px;
     position: relative;
     z-index: 2;
}
 #menutoggle{color: var(--white);}
 #menutoggle:focus,#toptoggle:focus{
     outline:none 
}
 .icon-bar{
     float:left;
     clear:left;
     margin-right:10px;
     background-color: var(--white);
     color: var(--black);
     display:block;
     width:22px;
     height:2px;
     border-radius:1px;
     margin-top:4px 
}
 .icon-bar:first-child{
     margin-top:3px 
}
 #toptoggle{
     height:50px;
     color:#fff;
}
 #toptoggle .icon-bar{
     background-color:#fff 
}
 #bustoggle{
    display:block;
    border:none;
    background-color:transparent;
    background-image:none;
    border-radius:4px;
    line-height:23px;
}
/********* Horizontal Menu *********/
 .horizontal-menu.secondary-menu {
     background-color:transparent;
     margin-bottom:0;
     overflow:visible;
}
 .horizontal-menu.secondary-menu li {
     padding:0;
}
 .horizontal-menu.secondary-menu > ul > li {
     display: inline-block;
     position: relative;
}
 .horizontal-menu.secondary-menu > ul > li button{
     border:none;
}
 .horizontal-menu.secondary-menu > ul > li button:hover{
     cursor:pointer 
}
 .horizontal-menu.secondary-menu > ul > li a, .horizontal-menu.secondary-menu > ul > li button{
     color:#333;
     background-color: transparent;
}
 .bg-black .horizontal-menu.secondary-menu > ul > li a, .bg-black .horizontal-menu.secondary-menu > ul > li button, .bg-steel .horizontal-menu.secondary-menu > ul > li a, .bg-steel .horizontal-menu.secondary-menu > ul > li button, .bg-cool .horizontal-menu.secondary-menu > ul > li a, .bg-cool .horizontal-menu.secondary-menu > ul > li button, .bg-aged .horizontal-menu.secondary-menu > ul > li a, .bg-aged .horizontal-menu.secondary-menu > ul > li button{
     color:#fff;
     background-color: transparent;
}
 .bg-white .horizontal-menu.secondary-menu > ul > li a, .bg-white .horizontal-menu.secondary-menu > ul > li button{
     color:#333;
     background-color: transparent;
}
 .bg-dust .horizontal-menu.secondary-menu > ul > li a, .bg-field .horizontal-menu.secondary-menu > ul > li a, .bg-rush .horizontal-menu.secondary-menu > ul > li a, .bg-steam .horizontal-menu.secondary-menu > ul > li a, .bg-railway .horizontal-menu.secondary-menu > ul > li a, .bg-boilermaker .horizontal-menu.secondary-menu > ul > li a, .bg-dust .horizontal-menu.secondary-menu > ul > li button, .bg-field .horizontal-menu.secondary-menu > ul > li button, .bg-rush .horizontal-menu.secondary-menu > ul > li button, .bg-steam .horizontal-menu.secondary-menu > ul > li button, .bg-railway .horizontal-menu.secondary-menu > ul > li button, .bg-boilermaker .horizontal-menu.secondary-menu > ul > li button{
     color:#000;
     background-color: transparent;
}
 .horizontal-menu.secondary-menu > ul > li a, .horizontal-menu.secondary-menu > ul > li button {
     margin: 0 2.5em 0 0;
     padding: 0;
     display: block;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: 400;
     border-bottom: 2px solid transparent;
     font-family: var(--acumincond);
}
 .horizontal-menu.secondary-menu > ul > li a:hover, .horizontal-menu.secondary-menu > li a:focus, .horizontal-menu.secondary-menu > li:focus-within > a, .horizontal-menu.secondary-menu > ul > li button:hover, .horizontal-menu.secondary-menu > li button:focus, .horizontal-menu.secondary-menu > li:focus-within > button, .horizontal-menu.secondary-menu > ul > li.active > a, .horizontal-menu.secondary-menu > ul > li.active > button {
     border-bottom: 2px solid #000;
}
 .horizontal-menu.secondary-menu > ul > li > ul {
     max-height: 0;
     min-height: 0;
     overflow: hidden;
     position: absolute;
     background-color: #ededed;
     color: #000;
     left: 0;
     top: 100%;
     text-align: left;
     z-index: 2;
     width: max-content;
}
 .horizontal-menu.secondary-menu > ul > li > ul a {
     margin: 0 .5em;
     padding: 0 .5em;
     display: block;
     text-transform: none;
     text-decoration:none;
     color: #000;
     background-color: transparent;
}
 .horizontal-menu.secondary-menu > ul > li > ul a, .bg-black .horizontal-menu.secondary-menu > ul > li > ul a, .bg-boilermaker .horizontal-menu.secondary-menu > ul > li > ul a, .bg-white .horizontal-menu.secondary-menu > ul > li > ul a, .bg-steel .horizontal-menu.secondary-menu > ul > li > ul a, .bg-cool .horizontal-menu.secondary-menu > ul > li > ul a, .bg-aged .horizontal-menu.secondary-menu > ul > li > ul a, .bg-dust .horizontal-menu.secondary-menu > ul > li > ul a, .bg-field .horizontal-menu.secondary-menu > ul > li > ul a, .bg-rush .horizontal-menu.secondary-menu > ul > li > ul a, .bg-steam .horizontal-menu.secondary-menu > ul > li > ul a, .bg-railway .horizontal-menu.secondary-menu > ul > li > ul a {
     color: #000;
     background-color: transparent;
}
 .horizontal-menu.secondary-menu > ul > li > ul a:hover, .horizontal-menu.secondary-menu > ul > li > ul a:focus {
     color:#fff;
     background-color:#000;
}
 .horizontal-menu.secondary-menu li li {
     margin:0;
}
 .horizontal-menu.secondary-menu li li::before {
     content:none;
}
 .horizontal-menu.secondary-menu > ul > li.active > ul {
     max-height: none;
     min-height: 0;
     padding: 20px 0;
     z-index: 2;
     border-top: 8px solid #000;
     border-top-color: #000;
}
 [id^="menutoggle-"]{
     display:none;
     border:none;
     background-color:transparent;
     background-image:none;
     border-radius:4px;
     line-height:23px;
}
 [id^="menutoggle-"]:focus{
     outline:none 
}
 .black > .icon-bar{
     color:inherit;
     background-color:#000;
}
 .white > .icon-bar{
     color:inherit;
     background-color:#fff;
}
/******** Menu Mobile Styles ********/
 @media (max-width:991px){
     .gradient-bg{
         text-align:center;
         padding:25px 0 
    }
     .show-full {
         display:none;
    }
     .show-mid {
         display:block;
    }
     .show-small {
         display:none;
    }
     .top-menu-gold {
         color:#000;
    }
     .top-menu{
         float:right;
         width:auto;
         margin:0;
         padding:0;
         background:var(--boilermaker);
         color: var(--black);
    }
     .top-menu li{
         float:none;
    }
     .top-menu li a{
         color:#000;
         background-color:inherit;
    }
     .top-menu .search{
         display:none 
    }
     .school-links{
         font-family var(--acumincond);
    }
     .secondary-menu,#secondarymenutoggle{
         margin:0 auto 
    }
     #menutoggle{
         display:inherit 
    }
     .splash .block-50 .primary-menu {
         position:relative;
    }
     .horizontal-menu.secondary-menu{
         max-height:0;
         overflow:hidden 
    }
     .horizontal-menu.secondary-menu.active{
         max-height:none;
    }
     .horizontal-menu.secondary-menu>ul>li{
         width:100%;
         border-bottom:1px solid #a7a9ac;
         text-align:center;
    }
     .horizontal-menu.secondary-menu>ul>li>a, .horizontal-menu.secondary-menu>ul>li>button{
         width:100%;
         margin: .5em 0;
    }
     .horizontal-menu.secondary-menu>ul>li.active>ul{
         max-height:none;
         min-height:0;
    }
     .horizontal-menu.secondary-menu>ul>li>ul{
         position:relative;
         border-top:0;
         margin-left:auto;
         margin-right:auto;
    }
     .horizontal-menu.secondary-menu>ul>li:last-child{
         border-bottom:none 
    }
     .horizontal-menu.secondary-menu>ul>li.active:after,.horizontal-menu.secondary-menu>ul>li:hover:after{
         display:none 
    }
     [id^="menutoggle-"]{
         display:inherit 
    }
}
 @media (max-width:660px){
    .quick-links, #toptoggle {display:inherit;background: var(--aged);color: var(--white);}
    .top-ribbon{display:none;}
    .top-ribbon.active{display:block;}
    .search-link{float: none;}
    .search-menu{display:none;}
    .steam-dropdown{position: relative;display:block;width:100%;background-color:transparent;color: var(--black);border: none;float:none;text-align: center;}
    .search{max-width: none;}
    .school-links{float:left;width:50%;box-sizing: border-box;}
    .top-menu{float:left;width:50%;box-sizing: border-box;margin:0;font-size:1.09091em; }
    .top-menu > ul > li {display: block;}
    .bus-menu>ul>li{display:block;}
    .bus-menu+.dropdown-menu{position: relative;display:block;}
    .bus-menu+.dropdown-menu>li>a{white-space:normal;}
    .quick-heading{display:block;}
    .mark-horz{display:none;}
    .mark-vert{display:inline-block;}
}
 @media (max-width:499px){
     .show-full{
         display:none;
    }
     .show-mid{
         display:none;
    }
     .show-small{
         display:block;
    }
     .top-menu{
         max-height:0;
         overflow:hidden;
         margin:-25px -20px 25px -20px;
         padding:0 20px;
         border-top:1px solid #fff 
    }
     .top-menu.active{
         max-height:fit-content;
         padding:10px 20px 
    }
     .top-menu>ul>li{
         display:block;
         border:none;
         padding:10px 0 
    }
     .quick-links,#toptoggle{
         display:inherit 
    }
     .quick-links{
         height:50px;
         background:var(--aged);
         color:#fff 
    }
    .dropdown-menu{position: relative;}
}
/******** Headline styles ********/
 .pre-heading{
     display:inline-block;
     font-family: var(--acumin);
     font-size: 1em;
     margin: 0;
     padding: .2em;
     padding-bottom: 0;
     color: var(--white);
     background-color: transparent;
}
 .post-heading{
     font-family: var(--unitedext);
     font-size:.8em;
     letter-spacing: .15em;
     text-transform:uppercase;
     margin:0;
     background-color: transparent;
     color: var(--white);
     padding: .1em .5em;
     text-shadow: none;
     display:inline-block;
     font-weight:bold;
}
 .headline{
     background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/homepage-bg.jpg');
     background-size:cover;
     background-position:center;
     text-align:center;
     padding:300px 0 100px 0;
     background-color:inherit;
     color:#fff;
     text-shadow:0 0 5px #000;
}
 .headline.slide1{
     background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/homepage-bg.jpg');
}
 .headline.slide2{
     background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/homepage-bg2.jpg');
}
 .headline.slide3{
     background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/homepage-bg3.jpg');
}
 .headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6 {
     font-size:1em;
     margin:0;
}
 div[class*="swiper-banner-"] a {
     text-decoration: none;
}
 .headline .pre-heading {
     display: inline-block;
     font-family:var(--acumin);
     font-size: 1em;
     margin: 0;
     padding: .2em;
     padding-bottom: 0;
     text-shadow: none;
     border: 0px;
     color: var(--white);
     background-color: transparent;
}
 .headline .heading{
     font-family: var(--unitedcond);
     font-size:3.5em;
     text-transform:uppercase;
     margin:.2em 0 0 0;
     font-weight:bold;
     line-height: .8em;
     display:block;
     letter-spacing: .05em;
}
 .headline .subheading{
     font-size:2em;
     margin:0;
     font-family: var(--unitedcond);
}
 .headline .post-heading{
     background: var(--boilermaker);
     color: var(--black);
}
 .headline-right{
     text-align:right;
}
 .headline-left{
     text-align:left;
}
 .headline-middle{
     padding:200px 0 200px 0;
}
 img.foreground-image{
     width:auto;
     margin-left:auto;
     margin-right:auto;
}
 .headline-caption{
     padding:0;
     background-color:inherit;
     color:#fff;
     text-align:center;
     font-family: var(--acumincond);
}
 .headline-caption .container{
     width:100%;
     padding:0;
     background-color:var(--boilermaker);
     color:#000;
     display:inline-block;
     text-align:left 
}
 .headline-caption .lg-3{
     background-color:var(--dust);
     color:#000;
}
 .headline-caption .lg-3 .inner{
     border-left:1px solid #fff 
}
 .headline-caption.brown .container,.headline-caption.brown .lg-3{
     background-color:#6b4536 
}
 .headline-caption.teal .container,.headline-caption.teal .lg-3{
     background-color:#2eaf9b;
     color:#000;
}
 .headline-caption.blue .container,.headline-caption.blue .lg-3{
     background-color:var(--steel) 
}
 .headline-caption.purple .container,.headline-caption.purple .lg-3{
     background-color:#ad1f65 
}
 .headline-caption.white .container,.headline-caption.white .lg-3{
     background-color:#fff;
     color:#000;
}
 .headline-caption.black .container,.headline-caption.black .lg-3{
     background-color:#000;
     color:#fff;
}
 .headline-caption.steel .container,.headline-caption.steel .lg-3{
     background-color:var(--steel);
     color:#fff;
}
 .headline-caption.cool .container,.headline-caption.cool .lg-3{
     background-color:var(--cool);
     color:#fff;
}
 .headline-caption.railway .container,.headline-caption.railway .lg-3{
     background-color:var(--railway);
     color:#000;
}
 .headline-caption.steam .container,.headline-caption.steam .lg-3{
     background-color:var(--steam);
     color:#000;
}
 .headline-caption.aged .container,.headline-caption.aged .lg-3{
     background-color:var(--aged);
     color:#fff;
}
 .headline-caption.boilermaker .container,.headline-caption.boilermaker .lg-3{
     background-color:var(--boilermaker);
     color:#000;
}
 .headline-caption.rush .container,.headline-caption.rush .lg-3{
     background-color:var(--rush);
     color:#000;
}
 .headline-caption.field .container,.headline-caption.field .lg-3{
     background-color:var(--field);
     color:#000;
}
 .headline-caption.dust .container,.headline-caption.dust .lg-3{
     background-color:var(--dust);
     color:#000;
}
 .headline-caption .inner{
     padding:10px 20px;
     min-height:36px 
}
 .headline-caption .lg-7 .inner{
     line-height:36px 
}
 .headline-caption .name{
     border-right:2px solid #fff;
     padding-right:5px;
     font-weight:bold 
}
 .headline-caption .headline-button{
     margin-top:-5em;
     margin-left:7.75%;
     width:23%;
     float:left;
     border:0;
     padding:.5%;
     background-color:#fff;
}
 .headline-buttons .headline{
     padding:200px 0 200px 0;
}
 @media (max-width:991px){
     .headline{
         padding:150px 0 50px 0 
    }
     .headline-middle{
         padding:100px 0 100px 0 
    }
     .headline .heading{
         font-size:2em;
    }
     .headline .subheading{
         font-size:1.3em;
    }
     .headline-caption .container{
         padding:0 
    }
     .headline-caption .inner{
         padding:10px 
    }
     .headline-caption .lg-7 .inner{
         line-height:1.25em;
         min-height:inherit 
    }
     .headline-caption .headline-button{
         margin-top:-4em;
         margin-left:1.75%;
         width:29%;
    }
     .headline-buttons .headline{
         padding:100px 0 100px 0;
    }
}
 @media (max-width:767px){
     .headline .heading{
         font-size:1.75em;
    }
}
 @media (max-width:499px){
     .headline{
         padding:120px 0 40px 0 
    }
     .headline-caption .headline-button{
         margin-top:.8em;
         margin-left:1%;
         width:98%;
    }
}
/******** Parallax ********/
 .homepage-parallax{
     text-align:center;
     padding:125px 0;
     background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/homepage-bg.jpg');
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-size:cover;
     background-position:center;
     background-color: var(--black);
     color: var(--white);
}
 .homepage-parallax .button{
     text-shadow:none;
}
 .parallax-headline-bottom{
     padding:188px 0 62px 0;
}
 .homepage-parallax a{
     color:#fff;
     background-color:inherit;
     text-decoration:none;
}
 .homepage-parallax .pre-heading{
     font-size:1.3em;
}
 .homepage-parallax .heading{
     font-size:4.5em;
     text-transform:uppercase;
     margin:0;
     font-family: var(--unitedcond);
     font-weight:bold;
     line-height: 1em;
     text-shadow:0 0 5px #000;
     letter-spacing: .05em;
}
 .homepage-parallax .post-heading{
     background-color:transparent;
     font-size:.9em;
     color:var(--white);
}
 @media (max-width:991px){
     .homepage-parallax{
         padding:100px 0 
    }
     .homepage-parallax .heading{
         font-size:4.5em;
    }
}
 @media (max-width:767px){
     .homepage-parallax{
         padding:75px 0;
         background-attachment: scroll;
    }
     .homepage-parallax h1, .homepage-parallax .heading{
         font-size:3.5em;
    }
     .homepage-parallax h2, .homepage-parallax .subheading{
         font-size:1.25em;
    }
}
 .homepage-text{
     padding:50px 0;
     position:relative;
}
 .homepage-text .inner{
     padding:0 5% 0 10% 
}
 @media (max-width:991px){
     .homepage-text{
         padding:40px 0 
    }
     .homepage-text .inner{
         padding:0 
    }
}
 @media (max-width:767px){
     .homepage-text{
         padding:30px 0 
    }
}
/******** News (and RGB-BW) ********/
 .homepage-news{
     padding:50px 0;
     position:relative;
}
 .homepage-news a{
     display:block 
}
 .homepage-news h1, .homepage-news .heading{
     background-color:inherit;
     color:#2eaf9b;
     margin-bottom:0 
}
 .homepage-news .inner{
     padding:0 5% 0 10% 
}
 .homepage-news img{
     display:block;
     width:99%;
     margin:0 auto 
}

 .homepage-news .bw-rgb{
     text-align:center;
     color:white;
     text-decoration:none;
     background-color:#000;
     position:relative 
}
 .bw-rgb:hover img, .bw-rgb:focus img{
     -webkit-filter:grayscale(0) opacity(1);
     filter:grayscale(0) opacity(1) 
}
 .bw-rgb img{
     width:100%;
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45) 
}
 .bw img{
     width:100%;
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45) 
}
 .homepage-news .bw-rgb p{
     position:absolute;
     bottom:0;
     margin:10px;
     padding:10px;
     text-align:left;
     z-index:1;
     background-color:rgba(0, 0, 0, 0.6);
     color:#fff;
}
 .homepage-news .bw-rgb.more-news p{
     text-transform:uppercase;
     font-size:2.5em;
     right:0;
     margin:10px 20px;
     line-height:1em;
     font-family: var(--united);
}
/* Adds chevrons after More News, currently disabled
 .homepage-news .bw-rgb.more-news p:after {
  font-family: var(--fontawesome);
  content: "\f324";
  display: var(--fa-display,inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 400;
  position: relative;
  font-size: 80%;
  bottom: 2px;
 } */
 .homepage-news .bw-rgb.more-news img{
     opacity:0 
}
 .rgb-bw{
     text-align:center;
     color:white;
     text-decoration:none;
     background-color:#000;
     position:relative;
}
 .rgb-bw img{
     width:100%;
     -webkit-filter:grayscale(0) opacity(1);
     filter:grayscale(0) opacity(1) 
}
 .rgb-bw:hover img, .rgb-bw:focus img{
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45) 
}
 .rgb-bw p, .rgb-bw span{
     position:absolute;
     display:block;
     bottom:0;
     margin:10px;
     padding:10px;
     text-align:left;
     z-index:1;
     background-color:rgba(0, 0, 0, 0.6);
     color:#fff;
}
 .rgb-bw.more-news p{
     text-transform:uppercase;
     font-size:3em;
     right:0;
     margin:10px 20px;
     line-height:1em 
}
 .rgb-bw.more-news img{
     opacity:0 
}
 .rgb-bw .mouseover{
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     margin:0;
     padding:.8em;
     text-align:center;
     z-index:1;
     background-color:rgba(0, 0, 0, 0.6);
     color:#fff;
     display:none;
}
 .rgb-bw:hover .mouseover, .rgb-bw:focus .mouseover{
     display: grid;
}
 .rgb-bw .mouseover p{
     margin:auto;
     position: relative;
     text-align: center;
     background-color:transparent;
}
 img.bw-rgb:hover, img.bw-rgb:focus{
     -webkit-filter:grayscale(0) opacity(1);
     filter:grayscale(0) opacity(1) 
}
 img.bw-rgb {
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45);
}
 img.bw {
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45);
}
 img.rgb-bw:hover, img.rgb-bw:focus {
     -webkit-filter:grayscale(1) opacity(.45);
     filter:grayscale(1) opacity(.45) 
}
 img.rgb-bw {
     -webkit-filter:grayscale(0) opacity(1);
     filter:grayscale(0) opacity(1) 
}
.logo-wall img {
	filter: grayscale(1);
}
.logo-wall img:hover {
	filter: grayscale(0);
}
 .homepage-news .lead-story {
     position:relative;
     box-sizing:border-box;
}
 .homepage-news .lead-story p{
     position:absolute;
     bottom:0;
     padding:20px;
     text-align:left;
     z-index:1;
     color:#fff;
     background-color:rgba(0,0,0,0.7);
     width:99%;
     box-sizing:border-box;
     margin:0 auto;
}
 @media (max-width:1199px){
     .news-homepage img{
         width:auto 
    }
}
 @media (max-width:991px){
     .news-homepage{
         padding:40px 0 
    }
     .news-homepage h1, .news-homepage .heading{
         text-align:center 
    }
     .news-homepage .inner{
         padding:0 
    }
}
 @media (max-width:767px){
     .news-homepage{
         padding:30px 0 
    }
}
/******** Faculty Research News ********/
 .facresearch-news li {
     margin-bottom: 2em;
}
 .facresearch-news-image img {
     width: 100%;
     max-height: 300px;
     min-width: 300px;
     object-fit: contain;
     object-position: 50% 50%;
}
/* locked to this resolution at larger widths */
 .facresearch-news-text {
     margin-left: 1em;
     margin-right: 1em;
}
 @media(max-width: 50em){
    /* at smaller resolutions, break the grid into two rows */
     .facresearch-news-image {
         grid-column:auto/span 2;
         margin: auto;
    }
     .facresearch-news-image img {
         width: 100%;
         max-width: 450px;
    }
    /* responsive at mobile widths */
}
/******** Homepage Events ********/
 .homepage-events{
     padding:0 0 50px 0 
}
 .homepage-events h1, .homepage-events h2, .homepage-events .heading, .homepage-events .subheading{
     background-color:inherit;
     text-align:center;
     margin:0 0 50px 0;
     font-family: var(--unitedcond);
     text-transform: uppercase;
     font-weight:400;
}
 .homepage-events ul {
     list-style: none;
}
 .homepage-events .lg-3 img{
     display:block 
}
 .homepage-events .date, .homepage-event-style .date{
     float:left;
     width:20%;
     text-align:center;
     border-right:1px solid var(--boilermaker);
     padding-right:2%;
     margin-right:5%;
     font-family:var(--unitedcond);
}
 .homepage-events .date span, .homepage-event-style .date span{
     display:block 
}
 .homepage-events .date .day, .homepage-event-style .date .day{
     font-size:3.5em;
     line-height:1em;
     font-weight:bold;
}
 .homepage-events .date .day,.homepage-events .date .month, .homepage-event-style .date .day, .homepage-event-style .date .month{
     background-color:inherit;
     color:var(--steel) 
}
 .homepage-events .date .month, .homepage-event-style .date .month{
     font-size:2.25em;
     line-height:1em;
     text-transform:uppercase;
     font-weight:normal 
}
 .homepage-events .description, .homepage-event-style .description{
     float:left;
     width:65%;
     margin-right:5%;
     font-size:1.15em;
     background-color:inherit;
     color:#333;
     font-family: var(--acumincond);
}
 .homepage-events .description-wide, .homepage-event-style .description-wide{
     float:left;
     width:85%;
     margin-right:5%;
     font-size:1.15em;
     background-color:inherit;
     color:#333;
     font-family: var(--acumincond);
}
 .homepage-events .description strong, .homepage-event-style .description strong, .homepage-events .description-wide strong, .homepage-event-style .description-wide strong{
     text-transform:uppercase;
}
 .homepage-events .more, .homepage-event-style .more{
     text-align:center;
     text-decoration:none;
     background-color:inherit;
     color:var(--steel);
     font-size:2.5em;
}
 .homepage-events a, .homepage-event-style a{
     color:inherit;
     background-color:inherit;
     text-decoration:none;
}
 .homepage-events .lg-1{
     text-align:center 
}
/* .content-main, .announcements{
     margin-bottom:20px 
}
 */
 .content-main .event-header{
     margin:0 0 40px 0;
     float:left;
     max-width:1050px;
     text-align:center;
     width:100%;
     background-color:#b1810b;
     color:#000 
}
 .content-main .event-header .inner{
     border-left:10px solid #fff;
     max-width:inherit;
     margin-right:0 
}
 .content-main .event-header h1, .content-main .event-header .heading{
     background-color:inherit;
     color:white;
     font-size:7.15em;
     margin:60px 0 0 0;
     line-height:60px 
}
 .content-main .event-header h2, .content-main .event-header .subheading{
     text-transform:uppercase;
     font-size:3.5em;
     background-color:inherit;
     color:white;
     font-weight:normal;
     margin:0;
     line-height:1em 
}
 .content-main .event-header img{
     display:block 
}
 @media (max-width:1199px){
     .content-main .event-header h1, .content-main .event-header .heading{
         font-size:6em;
    }
     .content-main .event-header h2, .content-main .event-header .subheading{
         font-size:3.2em;
    }
}
 @media (max-width:991px){
     .homepage-events{
         padding:0 0 40px 0 
    }
     .content-main .event-header h1, .content-main .event-header .heading{
         font-size:5.35em;
         margin-top:40px 
    }
     .content-main .event-header h2, .content-main .event-header .subheading{
         font-size:2.15em;
    }
}
 @media (max-width:767px){
     .homepage-events{
         padding:0 0 30px 0 
    }
     .content-main .event-header h1, .content-main .event-header .heading{
         font-size:4.65em;
         margin-top:25px 
    }
     .content-main .event-header h2, .content-main .event-header .subheading{
         font-size:1.75em;
         margin-bottom:10px 
    }
     .content-main .event-header .inner{
         border-left:0 
    }
}
 .seminar-date {
     width: 160px;
     font-weight: 100;
     text-align: center;
     margin: 1.5rem 0;
}
/******** Homepage Icons ********/
 .homepage-icons{
     font-family: var(--unitedcond);
     text-transform: uppercase;
     text-align:center;
     padding:50px 0;
     color:#fff;
     background-color:#000;
     background-image:url('../img/career-path-2024.webp');
     background-size:cover;
     background-position:top 
}
 .homepage-icons h1, .homepage-icons .heading{
     font-family: var(--unitedcond);
     font-size:3.85em;
     margin:0 
}
 .homepage-icons h2, .homepage-icons .subheading{
     font-family: var(--unitedcond);
     font-size:2.25em;
     margin:0;
     font-weight:normal 
}
 .homepage-icons ul{
     margin-top:100px;
     list-style:none;
     padding:0;
}
 .homepage-icons p{
     float:left;
     width:100%;
     font-size:1.4em;
     margin:0;
     padding:20px 0 
}
 .homepage-icons li a{
     background-color:inherit;
     color:#fff;
     float:left;
     width:100%;
     border-right:2px solid #000;
     border-top:2px solid #000;
}
 .homepage-icons li a.last{
     border-right:none 
}
 .homepage-icons li a:hover img,.homepage-icons li a:focus img{
     margin-top:-50px 
}
 .homepage-icons img{
     margin-top:-39px 
}
 @media (max-width:991px){
     .homepage-icons{
         padding:40px 0 
    }
     .homepage-icons h1, .homepage-icons .heading{
         font-size:2.4em 
    }
     .homepage-icons h2, .homepage-icons .subheading{
         font-size:1.7em 
    }
}
 @media (max-width:767px){
     .homepage-icons{
         padding:30px 0 
    }
     .homepage-icons h1, .homepage-icons .heading{
         font-size:3em;
    }
     .homepage-icons h2, .homepage-icons .subheading{
         font-size:1.5em;
    }
     .homepage-icons ul{
         margin-top:20px 
    }
     .homepage-icons a{
         border-right:none 
    }
     .homepage-icons a.first{
         border-top:none 
    }
     .homepage-icons img{
         margin-top:20px;
         opacity:0.75 
    }
     .homepage-icons a:hover img{
         margin-top:20px;
         opacity:1 
    }
}
/******** Black BTN ********/
 .black-btn{
     background-color:#000;
     color:#fff;
     height:35px;
     line-height:35px;
     position:relative;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     width:100%;
}
 .black-btn a{
     margin:0;
     display:initial;
     font-size:1.3em;
     text-transform:uppercase;
     font-family: var(--acumincond);
     font-weight:lighter 
}
 .black-btn a.secondary-menu-toggle{
     background-color:inherit;
     color:#fff;
     text-decoration:none;
}
 .black-btn .icon-bar{
     background-color:#b1810b;
     margin-left:10px 
}
 .black-btn .icon-bar:first-child{
     margin-top:10px 
}
 .black-btn.active span.down-arrow:after{
     border-top:none;
     border-bottom:20px solid #b1810b 
}
 .black-btn span.down-arrow{
     position:absolute;
     top:5px;
     right:5px;
     line-height:55px 
}
 .black-btn span.down-arrow:after{
     float:left;
     position:relative;
     content:"";
     border-top:20px solid #b1810b;
     border-left:25px solid transparent;
     border-right:25px solid transparent 
}
/******** Homepage Rankings ********/
 .homepage-rankings{
     background-color:var(--black);
     color:#fff;
     background-image:url('../img/black-gradient-bg.jpg') 
}
 .homepage-rankings .inner{
     text-align:center;
     float:left;
     width:90%;
     margin:5% 
}
 .homepage-rankings .numbers{
     font-family:var(--united);
}
 .homepage-rankings .numbers a{
     font-size:4em;
     font-weight:normal;
     margin:40px 0;
     background-color:inherit;
     color:#fff;
     text-decoration:none 
}
 @media(max-width: 767px){
     .homepage-rankings .numbers a{
         margin:25px 0;
    }
}
 @media(max-width: 499px){
     .homepage-rankings .numbers a{
         font-size:3.5em;
    }
}
 .homepage-rankings .numbers .hidden{
     position:absolute;
     left:-10000px;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden 
}
 .homepage-rankings .rankings-heading{
     background-color:inherit;
     color:var(--boilermaker);
     font-family: var(--acumincond);
     font-size:2.25em;
}
 .homepage-rankings .rank{
     color:var(--boilermaker);
     background-color:#000;
     min-height:410px 
}
 .homepage-rankings .rank .heading{
     margin:62px 0 20px 0;
     font-size:3em;
     line-height:1em;
     font-weight:bold;
     font-family: var(--unitedcond);
}
 .homepage-rankings .rank .subheading{
     font-weight:600;
     font-size:1.3em;
     color:#fff;
     margin: 1em 0;
     font-family: var(--acuminextracond);
}
 .hidden-rank a {
     color:#fff;
     background-color:inherit;
     text-decoration:none;
}
 .homepage-rankings .toggleHidden.active:nth-child(1),.homepage-rankings .toggleHidden:hover:nth-child(1),.homepage-rankings .hidden-rank:nth-child(1),.homepage-rankings .toggleHidden.active:nth-child(1) a,.homepage-rankings .toggleHidden:hover:nth-child(1) a,.homepage-rankings .hidden-rank:nth-child(1) a{
     color: var(--boilermaker);
}
 .homepage-rankings .toggleHidden.active:nth-child(3),.homepage-rankings .toggleHidden:hover:nth-child(3),.homepage-rankings .hidden-rank:nth-child(2),.homepage-rankings .toggleHidden.active:nth-child(3) a,.homepage-rankings .toggleHidden:hover:nth-child(3) a,.homepage-rankings .hidden-rank:nth-child(2) a{
     color: var(--rush);
}
 .homepage-rankings .toggleHidden.active:nth-child(5),.homepage-rankings .toggleHidden:hover:nth-child(5),.homepage-rankings .hidden-rank:nth-child(3),.homepage-rankings .toggleHidden.active:nth-child(5) a,.homepage-rankings .toggleHidden:hover:nth-child(5) a,.homepage-rankings .hidden-rank:nth-child(3) a{
     color: var(--dust);
}
 .homepage-rankings .toggleHidden.active:nth-child(7),.homepage-rankings .toggleHidden:hover:nth-child(7),.homepage-rankings .hidden-rank:nth-child(4),.homepage-rankings .toggleHidden.active:nth-child(7) a,.homepage-rankings .toggleHidden:hover:nth-child(7) a,.homepage-rankings .hidden-rank:nth-child(4) a{
     color: var(--steam); 
}
 .homepage-rankings .toggleHidden.active:nth-child(9),.homepage-rankings .toggleHidden:hover:nth-child(9),.homepage-rankings .hidden-rank:nth-child(5),.homepage-rankings .toggleHidden.active:nth-child(9) a,.homepage-rankings .toggleHidden:hover:nth-child(9) a,.homepage-rankings .hidden-rank:nth-child(5) a{
     color: var(--steam);
}
 .homepage-rankings .toggleHidden.active:nth-child(11),.homepage-rankings .toggleHidden:hover:nth-child(11),.homepage-rankings .hidden-rank:nth-child(6),.homepage-rankings .toggleHidden.active:nth-child(11) a,.homepage-rankings .toggleHidden:hover:nth-child(11) a,.homepage-rankings .hidden-rank:nth-child(6) a{
     color: var(--dust);
}
 .homepage-rankings .toggleHidden.active:nth-child(13),.homepage-rankings .toggleHidden:hover:nth-child(13),.homepage-rankings .hidden-rank:nth-child(7),.homepage-rankings .toggleHidden.active:nth-child(13) a,.homepage-rankings .toggleHidden:hover:nth-child(13) a,.homepage-rankings .hidden-rank:nth-child(7) a{
     color: var(--rush);
}
 .homepage-rankings .toggleHidden.active:nth-child(15),.homepage-rankings .toggleHidden:hover:nth-child(15),.homepage-rankings .hidden-rank:nth-child(8),.homepage-rankings .toggleHidden.active:nth-child(15) a,.homepage-rankings .toggleHidden:hover:nth-child(15) a,.homepage-rankings .hidden-rank:nth-child(8) a{
     color: var(--boilermaker);
}
 .homepage-rankings .hidden-rank{
     display:none;
     margin:0 20px 
}
 .homepage-rankings .toggleHidden{
     cursor:pointer 
}
 .homepage-rankings .toggleHidden:hover,.homepage-rankings .toggleHidden.active{
     color:var(--boilermaker) 
}
 @media (max-width:991px){
     .homepage-rankings .rank{
         min-height:inherit;
         margin-bottom:20px 
    }
     .homepage-rankings .rank .heading{
         margin-top:0.67em 
    }
}
 .icon-left img{
     float:left;
     margin-right:20px;
     width:32px 
}
 .icon-left p{
     margin-left:62px 
}
 @media (max-width:991px){
     .icon-left p{
         margin-left:0 
    }
}
/******** Assorted Old Template Styles / Content Main ********/
 .headline-masters{
     background-color:inherit;
     color:#fff 
}
 .headline-masters .border-right{
     border-right:2px solid;
     padding-right:5px;
     margin-right:5px 
}
 .headline-masters .inner{
     padding:20px 40px 
}
 .headline-masters p{
     line-height:1.5em;
     margin-bottom:0 
}
 .headline-masters h1,.headline-masters h2,.headline-masters .primeheadline,.headline-masters .subheadline, .headline-masters .heading,.headline-masters .subheading{
     font-family: var(--acumin);
     font-weight:lighter;
     line-height:1em;
     text-shadow:0 0 5px #000 
}
 .headline-masters h1,.headline-masters .primeheadline, .headline-masters .heading{
     font-size:2em;
     text-transform:uppercase;
     margin:0;
     font-weight:bold;
}
 .headline-masters h2,.headline-masters .subheadline, .headline-masters .subheading{
     font-size:1.5em;
     margin-top:0 
}
 .headline-masters img{
     display:inherit 
}
 .headline-masters .lg-7 h1, .headline-masters .lg-7 .heading{
     margin:10px 0;
     font-size:1.85em;
     font-family:var(--acumin);
}
 .subheadline-masters{
     text-align:center;
     padding-bottom:20px 
}
 .subheadline-masters a{
     text-transform:uppercase;
     background-color:var(--field);
     color:#000;
     text-decoration:none;
     font-family:var(--acumincond);
     font-weight:lighter;
     font-size:1.85em;
     line-height:35px;
     display:block;
     margin-right:20px 
}
 .subheadline-masters a:hover,.subheadline-masters a:focus{
     background-color:inherit;
     color:#000 
}
 .subheadline-masters .lg-5+.lg-5 a{
     margin:0 0 0 20px 
}
 .container .subheadline-masters .container{
     padding:0;
}
 .content-main h2, .content-main .subheading{
     margin-top:40px 
}
 .content-main .lg-7 p{
     margin-top:0 
}
 .content-main .lg-33 .pic-zoom{
     overflow:hidden;
     display:block 
}
 .content-main .lg-33 .pic-zoom img{
     max-width:300px;
     width:100% 
}
 .content-main .lg-33 img{
     margin:0 auto;
     display:block;
     -moz-transform:scale(1);
     -webkit-transform:scale(1);
     transform:scale(1);
     -moz-transition:all 0.5s;
     -webkit-transition:all 0.5s;
     transition:all 0.5s 
}
 .content-main .lg-33 strong{
     background-color:inherit;
     color:var(--steel);
     font-size:1.15em;
}
 .content-main .lg-33 p{
     font-size:inherit;
     max-height:0;
     margin:10px;
     overflow:hidden 
}
 .content-main .lg-33:hover,.content-main .lg-33 .pic-zoom:focus{
     cursor:pointer 
}
 .content-main .lg-33:hover img,.content-main .lg-33 .pic-zoom:focus img{
     -moz-transform:scale(1.3);
     -webkit-transform:scale(1.3);
     transform:scale(1.3);
     -moz-transition:all 5s;
     -webkit-transition:all 5s;
     transition:all 5s 
}
 .content-main .lg-33:hover+p,.content-main .lg-33 .pic-zoom:focus+p,.content-main .lg-33:hover p,.content-main .lg-33 .pic-zoom:focus p{
     max-height:500px 
}
 @media (max-width:1199px){
     .headline-masters .inner{
         padding-top:0 
    }
}
 @media (max-width:991px){
     .content-main .lg-7 p{
         margin-right:0 
    }
     .content-main .lg-33 p{
         margin-right:10px 
    }
    /* .content-main .container, .announcements .container{
         padding:0;
         text-align:center;
    }
     .content-main .container img{
         margin:0 auto 
    }
     */
     .content-main .inner{
         padding:20px 
    }
     .headline-masters{
         text-align:center 
    }
     .headline-masters .container{
         padding:0 
    }
     .headline-masters .container .inner{
         padding:20px 
    }
}
 @media (max-width:767px){
     .content-main, .announcements{
         padding:20px 0 
    }
     .content-main .lg-33 .inner{
         margin-right:0 
    }
     .headline-masters .lg-6 h1, .headline-masters .lg-6 .heading{
         font-size:1.75em;
    }
}
 @media (max-width:499px){
     .headline-masters .lg-6 h1, .headline-masters .lg-6 .heading{
         font-size:1.25em;
    }
     .subheadline-masters a,.subheadline-masters .lg-5+.lg-5 a{
         margin:0 
    }
     .subheadline-masters .lg-5+.lg-5 a{
         margin-top:5px 
    }
}

/******** Accordion Styles ********/
 .question-block{
     overflow:hidden;
     padding:1em;
     clear:both;
}
 .question-block:nth-of-type(even){
     background-color:#ededed;
     color:inherit;
}
 .question-block:nth-of-type(even) h3, .question-block:nth-of-type(even) .preheading{
     text-align:right;
     box-sizing: border-box;
}
 .content-main .inner .question-block h3, .content-main .inner .question-block .preheading{
     background-color:inherit;
     color:#333;
     display:block;
     margin:-1em -1em 0 -1em;
     padding:.5em 1em;
     font-weight:bold;
     box-sizing: border-box;
}
 .question-answers{
     position:relative;
     list-style:none;
     margin:0;
     padding:0;
     box-sizing:border-box;
}
 .question-answers>li{
     margin:0;
     list-style:none;
     padding:0;
}
 .question-answers>li:hover{
     cursor:pointer 
}
 .question-answers>li .more-less:before, .accordion-grid__heading.collapsed .more-less:before{
     content:"More";
}
 .question-answers>li.active .more-less:before, .accordion-grid__heading.expanded .more-less:before{
     content:"Less";
}
 .question-answers>li .load-more-less:before, .accordion-grid__heading.collapsed .load-more-less:before{
     content:"Load More";
}
 .question-answers>li.active .load-more-less:before, .accordion-grid__heading.expanded .load-more-less:before{
     content:"Load Less";
}
 .question-answers>li .after-more-less:after, .accordion-grid__heading.collapsed .after-more-less:after{
     content:"More";
}
 .question-answers>li.active .after-more-less:after, .accordion-grid__heading.expanded .after-more-less:after{
     content:"Less";
}
 .question-answers>li div{
     display:none;
     margin:0;
}
 .question-answers>li.active div{
     display:inherit 
}
 .content-main .question-answers{
     position:relative;
     margin:0 0 0 20px;
     list-style:none;
     padding:0;
}
 .content-main .question-answers>li{
     margin:0 0 20px 20px;
     list-style:none;
     padding:0;
}
 .content-main .question-answers>li:hover{
     cursor:pointer 
}
 .content-main .question-answers>li:before{
     content:"";
     border-bottom:7px solid transparent;
     border-top:7px solid transparent;
     border-left:7px solid #2eaf9b;
     position:absolute;
     left:0 
}
 .content-main .question-answers>li div{
     display:none;
     margin:12px 0 0 0 
}
 .content-main .question-answers>li strong a{
     text-decoration:none;
     background-color:inherit;
     color:#333 
}
 .content-main .question-answers>li.active:before{
     border-left:7px solid transparent;
     border-right:7px solid transparent;
     border-top:7px solid #2eaf9b 
}
 .content-main .question-answers>li.active div{
     display:inherit 
}
 .content-main .question-answers.gold-plus-border {
     margin:0;
     box-sizing: border-box;
}
 .content-main .question-answers.gold-plus-border>li {
     border:.3em solid var(--aged);
     margin:1em 0;
     padding:1em;
}
 .content-main .question-answers.gold-plus-border>li:before, .content-main .question-answers.gold-plus-border>li.active:before {
     border:0;
}
 .content-main .question-answers.gold-plus-border h3, .content-main .question-answers.gold-plus-border .preheading {
     margin:0 1em;
     box-sizing: border-box;
}
 .content-main .question-answers.gold-plus-border li h3:after, .content-main .question-answers.gold-plus-border li .preheading:after {
     content: "+";
     position:absolute;
     right:1em;
     font-family:segoe ui, Arial, Helvetica, sans-serif;
     color:var(--aged);
     vertical-align:middle;
}
 .content-main .question-answers.gold-plus-border li.active h3, .content-main .question-answers.gold-plus-border li.active .preheading{
     font-weight:bold;
     border-bottom:1px solid #333;
}
 .content-main .question-answers.gold-plus-border li.active h3:after, .content-main .question-answers.gold-plus-border li.active .preheading:after {
     content: "-";
     position:absolute;
     right:1em;
     font-family:segoe ui, Arial, Helvetica, sans-serif;
     color:var(--aged);
     vertical-align:middle;
}
 .content-main .question-answers.grey-plus {
     margin:0;
     box-sizing: border-box;
}
 .content-main .question-answers.grey-plus>li {
     margin-left:0;
}
 .content-main .question-answers.grey-plus>li:before, .content-main .question-answers.grey-plus>li.active:before {
     border:0;
}
 .content-main .question-answers.grey-plus li h3, .content-main .question-answers.grey-plus li .preheading {
     background-color:var(--steam);
     color:#000;
     cursor: pointer;
     padding: 1em;
     width: 100%;
     border:none;
     text-align:left;
     outline:none;
     transition:0.4s;
     box-sizing: border-box;
}
 .content-main .question-answers.grey-plus li.active h3, .content-main .question-answers.grey-plus li.active .preheading, .content-main .question-answers.grey-plus li:hover h3, .content-main .question-answers.grey-plus li:hover .preheading, .content-main .question-answers.grey-plus li:focus h3, .content-main .question-answers.grey-plus li:focus .preheading {
     background-color:var(--railway);
     color:#000;
}
 .content-main .question-answers.grey-plus li h3:after, .content-main .question-answers.grey-plus li .preheading:after {
     content: '\002B';
     color: #000;
     font-weight: bold;
     float: right;
     margin-left: .3em;
}
 .content-main .question-answers.grey-plus li.active h3:after, .content-main .question-answers.grey-plus li.active .preheading:after {
     content: "\2212";
}
 .question-answers.gold-plus {
     margin:0;
     box-sizing: border-box;
}
 .question-answers.gold-plus>li {
     margin-left:0;
}
 .question-answers.gold-plus>li:before, .question-answers.gold-plus>li.active:before {
     border:0;
}
 .question-answers.gold-plus li h3, .question-answers.gold-plus li .preheading {
     background-color:var(--boilermaker);
     color:#000;
     cursor: pointer;
     padding: 1em;
     width: 100%;
     border:none;
     text-align:left;
     outline:none;
     transition:0.4s;
     box-sizing: border-box;
}
 .question-answers.gold-plus li.active h3, .question-answers.gold-plus li:hover h3, .question-answers.gold-plus li:focus h3, .question-answers.gold-plus li.active .preheading, .question-answers.gold-plus li:hover .preheading, .question-answers.gold-plus li:focus .preheading {
     background-color:var(--aged);
     color:#fff;
}
 .question-answers.gold-plus li h3:after, .question-answers.gold-plus li .preheading:after {
     content: '\002B';
     color: #000;
     font-weight: bold;
     float: right;
     margin-left: .3em;
}
 .question-answers.gold-plus li:hover h3:after, .question-answers.gold-plus li:hover .preheading:after {
     color:#fff;
}
 .question-answers.gold-plus li.active h3:after, .question-answers.gold-plus li.active .preheading:after {
     content: "\2212";
     color:#fff;
}
 .buttonContainer{
     width:100%;
     display:flex;
     flex-direction:row;
     justify-content:flex-end;
}
 .accExpB {
     width:170px;
     float:right;
}
 .accExpH {
     width:calc(100% - 175px);
}
 .accordion{
     display:block;
     width:100%;
     color:#333;
     font-family:var(--acumin);
     font-weight:400;
     font-size:.9375rem;
     line-height:1.4em;
     margin-bottom: 1rem;
     box-sizing:border-box;
}
 .accordion__heading{
     position:relative;
     display:block;
     width:100%;
     border:none;
     border-top:solid 1px #fff;
     margin:0 auto;
     padding:9.94872px 2.59081rem 9.94872px 16.5812px;
     font-family:var(--united);
     font-size:1.13996rem;
     line-height:1.1em;
     font-weight:400;
     text-transform:none;
     cursor:pointer;
     outline-color:var(--boilermaker);
     background-color:var(--black);
     color:var(--boilermaker);
     text-align:left;
}
 .accordion__heading-black{
     outline-color:var(--boilermaker);
     background-color:var(--black);
     color:var(--boilermaker) 
}
 .accordion__heading-aged{
     outline-color:#dedede;
     background-color:var(--aged);
     color:#fff 
}
 .accordion__heading-gold-plus-border{
     background-color:transparent;
     color:#333;
     border:3px solid var(--aged);
     border-bottom-width:1px;
     border-bottom-color:#A6A6A6;
     margin-top:.3em;
     border-top:3px solid var(--aged) !important;
}
 .accordion__heading-gold-plus-border.collapsed{
     border-bottom-color:var(--aged);
     border-bottom-width:3px;
}
 .accordion__heading-gold-plus-border+.accordion__content{
     border:none;
}
 .accordion__heading-gold-plus-border+.accordion__content.in{
     border:3px solid var(--aged);
     border-top-color:transparent;
}
 .accordion__heading-grey-plus{
     outline-color:#dedede;
     background-color:var(--steam);
     color:#000 
}
 .accordion__heading-gold-plus{
     outline-color:#dedede;
     background-color:var(--boilermaker);
     color:#000 
}
 .accordion__heading-more{
     border:0;
     text-align:center;
     background-color:transparent;
     color:#333;
}
 .accordion__heading-more::after{
     content:"";
}
 .accordion__heading-more+.accordion__content{
     border:none;
}
 .accordion__heading-more+.accordion__content.in{
     border:none;
}
 .accordion__heading:first-child{
     border-top:0 
}
 .accordion__heading:after{
     content:"\2212";
     position:absolute;
     right:20px;
     top:50%;
     margin-top:-0.5em;
}
 .accordion__heading:focus{
     outline-style:solid;
     outline-width:3px;
     outline-offset:-3px 
}
 .accordion__heading.collapsed:after{
     content:"\002B" 
}
 .accordion__content{
     overflow:hidden;
     margin:0;
     padding:0 1.625rem;
     font-size:.93269rem;
     list-style-type:none;
     font-weight:400;
     background: var(--grey);
}
 .accordion__content a{
     color:#000;
}
 ol.accordion__content{
     list-style-type:decimal;
     padding:0 29.01709px 
}
 .accordion__item{
     width:auto;
     border-top:solid 1px #000;
     padding-top:1.25rem;
     padding-bottom:1.25rem;
}
 .accordion__item:first-child{
     border-top:none 
}
 @media (min-width: 1200px){
     .accordion__heading{
         font-size:1.375rem;
         padding:12px 3.125rem 12px 20px 
    }
     .accordion__content{
         padding:0 1.625rem;
         font-size:1.125rem 
    }
     ol.accordion__content{
         padding:0 35px 
    }
     .accordion__item{
         padding-top:1.25rem;
         padding-bottom:1.25rem;
    }
}
 @media (max-width: 767px){
     .accordion__heading{
         font-size:1.375rem;
         padding:12px 3.125rem 12px 20px 
    }
     .accordion__content{
         font-size:1.125rem 
    }
     ol.accordion__content{
         padding:0 35px 
    }
     .accordion__item{
         padding-top:1.25rem;
         padding-bottom:1.25rem;
    }
     .accExpB {
         width:100%;
         float:none;
    }
     .accExpH {
         width:100%;
    }
}
 .expand-all:before, .expand-all:after, .close-all:before, .close-all:after{
     width: 1.25rem;
}
 .expand-all{
     display: block;
}
 .close-all{
     display:none;
}
/******** Bio Tabs ********/
 div.tab {
     overflow: hidden;
     border-bottom: 1px solid black;
     background-color: inherit;
     color:inherit;
     width: calc(100% - 1em);
     font-family: var(--acumincond);
}
 div.tab button {
     background-color: black;
     color: white;
     font-weight:bold;
     float: none;
     display: inline-block;
     border: none;
     outline: none;
     cursor: pointer;
     padding: .8em 1em;
     transition: 0.3s;
     font-size: 1em;
}
 div.tab button:hover, div.tab button:focus {
     background-color: var(--dust);
     color: black;
}
 div.tab button.active {
     background-color: var(--boilermaker);
     color: black;
}
 div.tab a {
     background-color: black;
     color: white;
     font-weight:bold;
     float: none;
     display: inline-block;
     border: none;
     outline: none;
     cursor: pointer;
     padding: .8em 1em;
     transition: 0.3s;
     font-size: 1em;
     text-decoration:none;
}
 div.tab a:hover, div.tab a:focus {
     background-color: var(--dust);
     color: black;
}
 div.tab a.active {
     background-color: var(--boilermaker);
     color: black;
}
 .tabcontent {
     display: block;
     border-top: none;
}
/******** Sidebars (Old Template) ********/
 .sidebar{
     padding-left:40px;
     border-left:2px solid #adadad;
     padding-bottom:40px;
     max-width:300px;
     display:inline-block;
     position:relative;
     width:100%;
     box-sizing:border-box;
     font-family: var(--acumincond);
}
 .sidebar h1, .sidebar h2, .sidebar .heading, .sidebar .subheading{
     text-transform:uppercase;
     line-height:1em;
     font-size:1.75em;
     font-weight:normal;
     background-color:inherit;
     margin-left:0;
}
 .sidebar hr{
     border:1px solid #d1d3d4;
     border-width:0 0 1px 0;
     margin:20px 
}
 @media (max-width:991px){
     .sidebar{
         border-left:none;
         border-top:1px solid #adadad;
         margin-top:40px;
         padding:40px 20px 0 20px;
         text-align:center;
         max-width:inherit;
         display:block 
    }
}
/******** Footer ********/
 .footer{
     background:#000;
     color:#fff 
}
 .footer li{
     border-bottom:1px solid #474747;
     background-color:inherit;
     color:#adadad;
     padding:10px 0 2px 0 
}
 .footer a{
     color:#adadad;
     background-color:inherit;
     text-decoration:none 
}
 .footer a:hover{
     background-color:inherit;
     color:#fff 
}
 .footer img{
     width:100%;
     max-width:350px 
}
 .footer .accredited{
     text-align:center 
}
 .footer .accredited li{
     border:none 
}
 .footer .accredited img{
     width:auto;
     margin-right:5px;
     height:25px 
}
 .footer .accredited a+a img{
     margin-right:0;
     margin-left:5px 
}
 .footer .h84, .footer .h100, .footer .h125 {
     text-align:center 
}
 .footer .h84 li, .footer .h100 li, .footer .h125 li{
     border:none 
}
 .footer .h84 img{
     width:auto;
     margin-right:5px;
     height:84px 
}
 .footer .h100 img{
     width:auto;
     margin-right:5px;
     height:100px 
}
 .footer .h125 img{
     width:auto;
     margin-right:5px;
     height:125px 
}
 .footer .h84 a+a img, .footer .h100 a+a img, .footer .h125 a+a img{
     margin-right:0;
     margin-left:5px 
}
 .footer .identity{
     text-align:center 
}
 .footer .inner{
     padding:20px 20px 20px 0 
}
 .footer .social{
     font-size:1.7em;
     margin:10px auto 
}
 .footer .social a{
     padding:0 5px 
}
 .footer .position {
     font-weight:bold;
     font-family:var(--unitedext);
     text-transform:uppercase;
     font-size:1em;
     line-height:.8em;
     text-wrap:nowrap;
}
 .footer .position .tag {
     color:var(--black);
     background-color:var(--boilermaker);
     display:block;
     padding:.5em;
     margin:.5em 0em;
     text-align: center;
     letter-spacing: .3em;
}
 .legal{
     font-size:.75em;
     font-family: var(--acumincond);
     background-color:var(--steel);
     text-align:center;
     padding:20px 0;
     color:#fff 
}
 .legal a{
     background-color:inherit;
     color:#fff 
}
 @media only screen and (max-width: 50em){
     .legal {
         padding-bottom:125px;
    }
}
@media (min-width: 991px) and (max-width: 1240px) {
     .footer .position {
         font-size:.8em;
}
}
/******** Misc 3 (Container, clear, no margin, ********/
 .container{
     max-width: 1200px;
     margin:0 auto;
     padding:0 20px 
}
 .container:after{
     content:"";
     clear:both;
     display:block 
}
 .clear{
     clear:both 
}
 .no-margin{
     margin:0;
}
 .skip-main{
     left:-9999px;
     position:absolute;
     top:auto;
     width:1px;
     height:1px;
     z-index:-999;
     overflow:hidden 
}
 .skip-main:focus,.skip-main:active{
     color:#fff;
     background-color:#000;
     left:auto;
     top:auto;
     width:30%;
     height:auto;
     overflow:auto;
     margin:10px 35%;
     padding:5px;
     border-radius:15px;
     border:4px solid #b1810b;
     text-align:center;
     z-index:999 
}
 *{
     -webkit-transition:all .25s ease-in-out;
     -moz-transition:all .25s ease-in-out;
     -o-transition:all .25s ease-in-out;
     transition:all .25s ease-in-out 
}
 .image-rollover-transition:hover{
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     opacity:0.8;
}
 .link-box-coalgray a {
     background-color: #4D4038;
     color: white;
     width:250px;
     padding: 5px 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-weight: bold;
}
 .link-box-coalgray a:hover{
     opacity:0.8;
}
 [class*='textpage'] a, [class*='textwindow'] a {
     font-weight:bold;
}
/******** Purdue Business Journal - v2.2 Oct 24 ********/
 .top-banner h1,.top-banner h2,.top-banner h3,.top-banner h4,.top-banner h5,.top-banner h6 {
     font-size:1em;
     margin:0;
}
 .magazine-body {
     font-family: var(--acuminsemicond);
     padding: 0;
     margin: 0;
     overflow: hidden;
}
 .magazine-body .article {
     font-family:var(--source);
}
 .magazine-body .article.acumin-semi-condensed {
     font-family: var(--acuminsemicond);
}
 .magazine-body img {
     min-width: 0px;
     max-width: 100%;
     height: auto;
     margin: auto;
     display: block;
     margin-bottom: 6px;
}
/* this helps with title semantics */
/* the title and subtitle are both within the h1 tag, a good way to associate a subtitle with the title */
/* there should be a dash when screen-read, but no dash visually */
/* this combined with Font Awesome displays a dash to bots but replaces it with a double arrow visually */
 .magazine-body h1 .fas, .magazine-body .heading .fas, .top-banner h1 .fas, .top-banner .heading .fas {
     visibility: hidden;
     display:none;
}
 .magazine-body h1 .fas:before, .magazine-body .heading .fas:before, .top-banner h1 .fas:before, .top-banner .heading .fas:before {
     visibility: visible !important;
}
/* this lets me insert line breaks at key points in a span instead of letting the line break automatically */
 br.adaptive-line-break {
     display: none;
}
 .magazine-body footer ul, .magazine-body footer li, .magazine-body nav ul, .magazine-body nav li {
     list-style: none;
}
 .magazine-body .container {
     max-width: 1000px;
     margin: 0 auto;
     padding: 0 20px;
}
 .magazine-body header, .magazine-body .article > p, .magazine-body .article > ul, .magazine-body .article > ol, .magazine-body h1, .magazine-body .heading, .magazine-body .article > h2, .magazine-body .article > .subheading, .magazine-body .article > h3, .magazine-body .article > .preheading, .magazine-body .article > .author, .magazine-body .homepage-feature, .magazine-body .thumbnails, .magazine-body .image-article-width > .caption, .magazine-body .article-end, .magazine-body.blog-post .subhead, .magazine-body.blog-post .subheading {
     margin-left: 100px;
     margin-right: 100px;
}
 .magazine-body .article > p {
     font-size: 1.25rem;
}
 .magazine-body .header {
     max-width: 800px;
     margin-top: 50px;
     margin-bottom: 25px;
}
 .magazine-body .header nav ul, .magazine-body .footer-links ul {
     font-family: var(--acumincond);
     display: grid;
     padding: 25px 0;
     align-items: center;
     float: inherit;
     font-size: 1.1em;
     color: black;
}
 .magazine-body .footer-links {
     margin-top: 2rem;
     margin-bottom: 2rem;
}
 .magazine-body .footer-links ul {
     background: black;
     transform: skew(-13deg, 0);
     margin: 1rem -1rem 0;
}
 .magazine-body .header nav ul li, .magazine-body .footer-links ul li {
     border-left: 2px solid white;
     padding: .25em .5em;
     text-align: center;
}
 .magazine-body .footer-links.nb ul, .magazine-body .footer-links.nb ul li a {
     transform: none;
}
 .magazine-body .mobile-nav {
     display: none;
     text-align: center;
     font-family: var(--source);
     font-weight: bold;
     font-style: italic;
     font-size: 1.25rem;
     margin-top: 25px;
     margin-bottom: 0;
}
 .magazine-body .mobile-nav a {
     text-decoration: none;
     color: black;
}
 .magazine-body .header nav ul li {
     transform: skew(-13deg, 0);
}
 .magazine-body .header.black nav ul li, .magazine-body .footer-links.black ul li {
     border-left: 2px solid var(--aged);
}
 .magazine-body .header nav ul li:first-child, .magazine-body .footer-links ul li:first-child {
     border-left: 0px solid white;
}
 .magazine-body .header nav ul li a, .magazine-body .footer-links ul li a {
     font-weight: bold;
     color: white;
     display: inline-block;
     transform: skew(13deg, 0);
     border-bottom: 2px solid transparent;
     text-decoration: none;
}
 .magazine-body .header.black nav ul li a, .magazine-body .footer-links.black ul li a {
     color: black;
}
 .magazine-body .header nav ul li a:hover, .magazine-body .footer-links ul li a:hover {
     color: var(--dust);
     border-bottom: 2px solid var(--boilermaker);
}
 .magazine-body .header.black nav ul li a:hover, .magazine-body .footer-links.black ul li a:hover {
     color: var(--aged);
     border-bottom: 2px solid var(--aged);
}
 .magazine-body .nb-nav {
     height: 0;
     position: relative;
     top: -75px;
     width: 52%;
     float: right;
}
 .magazine-body .nb-nav .mobile-nav {
     text-align: right;
     font-family: var(--acuminsemicond);
     font-style: normal;
}
 .magazine-body .header .nb-nav ul {
     width: 100%;
}
 .magazine-body .header .nb-nav ul li {
     transform: skew(0deg, 0);
     border-left: 0px solid white;
     padding: .25em 0;
}
 .magazine-body .header .nb-nav ul li a {
     transform: skew(0deg, 0);
}
 .magazine-body .issue-title {
     font-family: var(--unitedcond);
     text-align: center;
     font-size: 1.4rem;
     line-height: 1.4rem;
     background: var(--boilermaker);
     color: black;
     transform: skew(-13deg, 0);
     margin: 1rem -1rem 0;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     padding: 1rem 0;
     align-items: center;
}
 .magazine-body .issue-title span {
     padding: 0;
     text-align: center;
     transform: skew(13deg, 0);
}
 .magazine-body .issue-title span:last-child {
     border-right: 0px solid white;
}
 .magazine-body .shadow-upper-right-large {
     box-shadow: 2rem -2rem 0 var(--boilermaker);
     padding-left: 1rem;
     padding-bottom: 1rem;
}
 .magazine-body .heading {
     font-family: var(--acumin);
     font-weight: bold;
     font-size: 3em;
     position: relative;
     top: 0em;
     max-width: 800px;
     line-height: 1em;
     margin-top: 0;
     margin-bottom: 0;
}
 .magazine-body .post-heading {
     font-family: var(--unitedcond);
     font-size: 1.5rem;
     display: block;
     line-height: 1em;
     margin-top: 0;
     font-style: normal;
     padding: .5rem 0;
     color:var(--boilermaker);
     text-transform:none;
     letter-spacing: .02em;
}
 .magazine-body .heading.post-heading {
     font-size: 1.4em;
}
 .magazine-body.blog-post .article {
     padding-bottom: 1.5em;
}
 .magazine-body.blog-post .article {
     border-bottom: .5em solid var(--boilermaker);
}
 .magazine-body.blog-post .subhead {
     margin-top: .5em !important;
     margin-left: 100px;
     margin-right: 100px;
     max-width: 800px;
}
 .magazine-body.blog-post .subheading {
     font-size: 1.3em;
}
 .magazine-body.blog-post h1 .subtitle, .magazine-body.blog-post .heading .post-heading {
     font-family: var(--acumin);
     font-size: 1.4rem;
     display: block;
     line-height: 1.4rem;
     margin-top: 1.5rem;
     font-style: normal;
     padding: .5rem 0;
     text-shadow: 0 0 0 #000;
}
 .magazine-body .thumbnails h2, .magazine-body .thumbnails .subheading {
     display: block;
     transform: skew(-13deg, 0);
     font-weight: bold;
     padding: .5rem 1rem;
     margin-left: -1rem;
     margin-right: -1rem;
     background: var(--boilermaker);
}
 .magazine-body .thumbnails h3, .magazine-body .more-stories h3, .magazine-body .thumbnails .preheading, .magazine-body .more-stories .preheading {
     color: black;
     text-decoration: none;
}
 .magazine-body .thumbnails a, .magazine-body .more-stories a {
     color: black;
     text-decoration: none;
}
 .magazine-body .thumbnails h3 .subtitle, .magazine-body .more-stories h3 .subtitle, .magazine-body .thumbnails .preheading .subtitle, .magazine-body .more-stories .preheading .subtitle {
     font-family: var(--acumincond);
     font-size: 1.1rem;
     line-height: 1rem;
     margin-top: -.25rem;
     color: var(--steel);
     font-style: italic;
     font-weight: normal;
     padding: .5rem 0;
     text-shadow: 0 0 0 #000;
}
 .magazine-body .author {
     font-family: var(--acumincond);
     display: block;
     font-size: 1.3rem;
     line-height: 2.1rem;
     font-weight: bold;
     color: var(--black);
     padding: .5rem 100rem;
     margin-left: -100rem;
     margin-right: -100rem;
     margin-top: -1em;
}
 .magazine-body .author .date {
     font-weight: normal;
     font-size: 1rem;
     transform: skew(13deg, 0);
}
 .magazine-body .caption {
     padding-top: .5em;
     padding: .75em;
     font-family: var(--acuminsemicond);
     position: relative;
     mask-image: url(../../images/masks/edge-caption.webp), linear-gradient(black, black);
     mask-composite: exclude;
     mask-repeat: repeat-x;
     mask-size: 48em;
     mask-position: left top;
     padding-top: 3.25em;
}
.magazine-body figure:nth-child(4n) .caption, .magazine-body .article .caption.caption-style-a{
     mask-image: url(../../images/masks/edge-caption.webp), linear-gradient(black, black);
     mask-position: left top;
}
.magazine-body figure:nth-child(4n-1) .caption, .magazine-body .article .caption.caption-style-b{
     mask-image: url(../../images/masks/edge-caption-b.webp), linear-gradient(black, black);
     mask-position: right top;
}
.magazine-body figure:nth-child(4n-2) .caption, .magazine-body .article .caption.caption-style-c{
     mask-image: url(../../images/masks/edge-caption-c.webp), linear-gradient(black, black);
     mask-position: 35% top;
}
.magazine-body figure:nth-child(4n-3) .caption, .magazine-body .article .caption.caption-style-d{
     mask-image: url(../../images/masks/edge-caption-d.webp), linear-gradient(black, black);
     mask-position: 65% top;
}
.magazine-body .caption.caption-plain {
     padding-top: .75em;
     mask-image: none !important;
}
.magazine-body .caption.caption-block-overlap {
     margin-top: -3em;
}
.magazine-body .caption.caption-legacy {
     margin-top: 7em;
     font-style: italic;
     padding-top: .75em;
     mask-image: none !important;
}
 .magazine-body .caption.caption-legacy:before {
     content: '';
     position:absolute;
     border-right: 1px solid var(--aged);
     border-left: 1px solid var(--rush);
     margin-left: 50%;
     height: 6rem;
     top: -6.75rem;
     left: 0;
}
 .magazine-body .offset-left {
     float: left;
     margin: 1rem 2rem 1rem 0;
     width: 35%;
}
 .magazine-body .offset-right {
     float: right;
     margin: 1rem 0 1rem 2rem;
     width: 35%;
}
 .magazine-body .block-quote-left {
     width: 35%;
     float: left;
     padding: 1rem;
     margin-right: 2rem;
     margin-bottom: 1rem;
     font-size: 130%;
}
 .magazine-body .block-quote-right {
     width: 35%;
     float: right;
     padding: 1rem;
     margin-left: 2rem;
     margin-bottom: 1rem;
     font-size: 130%;
}
 .magazine-body .block-quote-full {
     width: calc(100% - 200px - 2em);
     padding: 1rem;
     margin-bottom: 1rem;
     margin-left: 100px;
     margin-right: 100px;
     font-size: 130%;
}
 .magazine-body .image-right-small {
     width: 25%;
     float: right;
     margin-left: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-right: 0;
}
 .magazine-body .image-left-small {
     width: 25%;
     float: left;
     margin-right: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-left: 0;
}
 .magazine-body .image-right-medium {
     width: 35%;
     float: right;
     margin-left: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-right: 0;
}
 .magazine-body .image-left-medium {
     width: 35%;
     float: left;
     margin-right: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-left: 0;
}
 .magazine-body .image-right-large {
     width: 45%;
     float: right;
     margin-left: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-right: 0;
}
 .magazine-body .image-left-large {
     width: 45%;
     float: left;
     margin-right: 2em;
     margin-bottom: 1em;
     margin-top: 1em;
     margin-left: 0;
}

 .magazine-body .hero {
     min-height: 3.15em;
     background: #000;
}
 .magazine-body .hero img {
     display:block;
     width: 100%;
     height: 550px;
     object-fit: cover;
     margin-bottom: 0;
}
 .magazine-body.hero-650 .hero img, .magazine-body.hero-tall .hero img {
     display:block;
     width: 100%;
     height: 650px;
     object-fit: cover;
}
 .magazine-body.hero-750 .hero img, .magazine-body.hero-taller .hero img {
     display:block;
     width: 100%;
     height: 750px;
     object-fit: cover;
}
 .magazine-body .dropcap:first-letter {
     float: left;
     font-family: var(--acuminextracond);
     font-size: 5.5rem;
     font-style: italic;
     padding-top: .4rem;
     padding-right: .6rem;
     padding-left: .4rem;
}
 .magazine-body .article-end.more-stories {
     border-top: 2px solid black;
}
 .magazine-body .homepage-feature {
     position: relative;
     width: calc(100% - 200px);
    /*calcs are here because margins are ignored in width calculation */
     padding-bottom: calc(100% - 200px);
    /* a hack for preserving a scalable but consistently square container div */
}
 .magazine-body .legal{
     font-size:.75em;
     text-align:center;
     padding:20px 0;
     background-color: transparent;
     color: #333;
}
 .magazine-body .homepage-feature-container {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .magazine-body footer .grid-ram-2 {
     grid-template-columns: repeat(auto-fit, minmax(14.6em ,1fr));
}
 .magazine-body.magazine-override .heading{
     margin-left:0;
     margin-right:0;
}
 .magazine-body.magazine-override .container{
     max-width: 1200px;
}
 .magazine-body .header .wordmark-small {
     width: 250px;
     float: left;
}
 .magazine-body .header img.edition-tag {
     width: 125px;
     float: right;
     position: relative;
     top: -50px;
}
.magazine-body .header div.edition-tag {
	width: 125px;
	position: absolute;
	top: -150px;
	right: 0;
	font-size: 1.05em;
	font-weight: 400;
	padding: 150px 0 .5em;
}
 @media(max-width: 775px) {
    /* removes side margins to expand to full width */
     .magazine-body header, .magazine-body .article > p, .magazine-body .article > ul, .magazine-body h1, .magazine-body .heading, .magazine-body .article > h2, .magazine-body .article > .subheading, .magazine-body .article > h3, .magazine-body .article > .preheading, .magazine-body .article > .author, .magazine-body footer, .magazine-body .homepage-feature, .magazine-body .thumbnails, .magazine-body .image-article-width > .caption, .magazine-body .article-end, .magazine-body.blog-post .subhead, .magazine-body.blog-post .subheading {
         margin-left: 10px;
         margin-right: 10px;
    }
     .magazine-body .heading {
         font-size: 2.75rem;
    }
     .magazine-body .post-heading {
         font-size:1.5rem;
    }
     .magazine-body .heading.post-heading {
         font-size: 1.2em;
    }
     .magazine-body .hero img, .magazine-body.hero-650 .hero img, .magazine-body.hero-750 .hero img, .magazine-body.hero-tall .hero img, .magazine-body.hero-taller .hero img {
         height: 400px;
    }
    /* for the homepage graphic, may need to be genericized */
     .magazine-body .homepage-feature {
         width: 100%;
         padding-bottom: 100%;
    }
    /* scales the issue title font and activates line breaks */
    /* adding a small vw to a flat unit is a good recipe for a font that scales slowly */
     .magazine-body .issue-title span {
         font-size: calc(1.1vw + .9rem);
         line-height: calc(1.1vw + .9rem);
    }
     br.adaptive-line-break {
         display: initial;
    }
     .magazine-body .block-quote-full {
         width: calc(100% - 2em);
         margin-left: 0px;
         margin-right: 0px;
    }
     .magazine-body .image-right-small, .magazine-body .image-left-small {
         width: 35%;
    }
     .magazine-body .image-right-medium, .magazine-body .image-left-medium {
         width: 55%;
    }
     .magazine-body .image-right-large, .magazine-body .image-left-large {
        /* may change to 100% */
         width: 55%;
    }
}
 @media(max-width: 640px) {
    /* most images & graphics move to full width, and table of contents collapses */
     .magazine-body .hero img, .magazine-body.hero-650 .hero img, .magazine-body.hero-750 .hero img, .magazine-body.hero-tall .hero img, .magazine-body.hero-taller .hero img {
         height: 350px;
    }
     .magazine-body .image-right-medium, .magazine-body .image-left-medium, .magazine-body .image-right-large, .magazine-body .image-left-large {
         width: 100%;
         float: none;
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 1em;
    }
     .magazine-body .block-quote-left, .magazine-body .block-quote-right {
         width: calc(100% - 20px - 4em);
         padding: 1rem 2rem;
         margin-left: 10px;
         margin-right: 10px;
         float: none;
         text-align: center;
    }
     .magazine-body .offset-left, .magazine-body .offset-right {
         width: calc(100% - 20px - 4em);
         margin-left: 10px;
         margin-right: 10px;
         float: none;
    }
     .magazine-body .image-right-small, .magazine-body .image-left-small {
         width: 45%;
    }
     .magazine-body .mobile-nav {
         display: block;
    }
     .magazine-body .nb-nav {
         width: 90%;
         top: -45px;
         float: none;
         margin: auto;
    }
     .magazine-body .header nav.nb-nav ul {
         font-family:var(--acuminextracond);
    }
    /* old branding - hides but does not remove from document */
     .magazine-body header nav ul, .magazine-body header nav ul li {
         height: 0;
         padding: 0 !important;
         margin: 0 !important;
         overflow: hidden;
    }
    /* new branding, preserves nav */
     .magazine-body header nav.nb-nav ul, .magazine-body header nav.nb-nav ul li {
         height: auto;
    }
     .magazine-body .header .wordmark-small {
         width: 150px;
         position: relative;
         top: -30px;
    }
     .magazine-body .header .edition-tag {
         width: 100px;
         font-size: .85em;
    }
}
/* all mobile targetted styles */
 @media(max-width: 480px) {
     .magazine-body .hero img, .magazine-body.hero-650 .hero img, .magazine-body.hero-750 .hero img, .magazine-body.hero-tall .hero img, .magazine-body.hero-taller .hero img {
         height: 275px;
    }
     .magazine-body .heading {
         font-size: 2em;
         line-height: .9em;
    }
     .magazine-body .post-heading {
         font-size: 1.3rem;
         line-height: 1em;
    }
     .magazine-body .heading.post-heading {
         font-size: 1em;
    }
     .magazine-body .article {
         font-size: .9em;
    }
     .magazine-body .caption.caption-legacy {
         margin-top: 4em;
    }
     .magazine-body .caption.caption-legacy:before {
         content: '';
         position:absolute;
         border-right: 1px solid var(--aged);
         border-left: 1px solid var(--rush);
         margin-left: 50%;
         height: 3rem;
         top: -3.5rem;
         left: 0;
    }
     .magazine-body .author {
         font-size: 1.1rem;
         line-height: 2rem;
    }
}
 .no-magazine-image .heading {
     margin-top: -2rem;
}
 .ug-blog-bio .container {
     font-family:var(--source);
     max-width: 1000px;
     padding: 2em 20px 1em;
     border-top: 1em solid var(--boilermaker);
     margin: auto;
}
/******** Half Header ********/
 .half-header {
     display: grid;
     grid-gap: 0;
     grid-template-columns: repeat(auto-fit, minmax(23.5em,1fr));
     --maxcols: 2;
     align-items: end;
}
 .half-header .hh-image {
     width: 100%;
     height: 100%;
}
 .half-header .hh-image img {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
.half-header .hh-text h1 { font-size:1em;}
.half-header .hh-text .heading {
     margin: 0;
     padding: 1rem;
     background: var(--black);
     color: var(--white);
     font-size: 2.5em;
     font-weight:bold;
     font-family: var(--unitedcond);
}
 .half-header .hh-text .post-heading {
     margin: 0;
     padding: .5rem 1rem;
     background: var(--boilermaker);
     color: var(--black);
     width: fit-content;
     font-weight:bold;
     text-transform:none;
     font-family: var(--acumin);
     letter-spacing:.01em;
}
 .half-header.rtl {
     direction: rtl;
}
 .half-header.rtl .hh-text h1, .half-header.rtl .hh-text .heading, .half-header.rtl .hh-text h2, .half-header.rtl .hh-text .post-heading {
     text-align: right;
     float: right;
}
 .image-background-container {
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .image-background-container img {
     object-fit: cover;
     width: 100%;
     height: 450px;
     position: absolute;
     z-index: -1;
     pointer-events: none;
}
/******** Blog News Grid ********/
/* Blog Default Theme */
 .blog-default {
     align-items: start;
     accent-color: var(--rush);
}
 .blog-default .news-grid .post a h3, .blog-default .news-grid .post a .preheading {
     font-family: var(--acuminextracond);
     margin: 1rem !important;
}
 .blog-default .news-grid .post {
     text-align: center;
     border: 1em solid var(--boilermaker);
     margin: 0;
     background: #000;
}
 .blog-default .news-grid .post:hover {
     border: 1em solid var(--steam);
     margin: 0;
     background: #000;
}
 .blog-default .news-grid .post a p {
     font-size: .65em;
     font-style: italic;
}
 .blog-default.no-date .news-grid .post a p {
     display: none;
}
 .blog-default .news-grid .post a {
     background: black;
     color: white;
}
 .blog-default .news-grid .post a:hover {
     background: black;
}
 .blog-default .terms {
     margin-left: 1em;
}
 .blog-default .terms form h2, .blog-default .terms form .subheading{
     font-family: acumin-pro,"Franklin Gothic",sans-serif;
     font-size: 1.3em;
     border-bottom: .25rem solid var(--steam);
}
 .blog-default .terms h3, .blog-default .terms .preheading {
     border-bottom: .25rem solid var(--steam);
}
 .blog-default .terms form label {
     margin-left: .75rem;
}
 .blog-default .terms form label:hover, .blog-default .terms form label:active {
     color: black;
     border-bottom: .2rem solid var(--rush);
}
/******** Top Header Banner ********/
 .top-banner{
     padding:0;
}
 .top-banner .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
}
 .top-banner h1, .top-banner .heading {
     font-family: var(--acumin);
     font-weight: bold;
     font-size: 3em;
     margin: 0;
     position: relative;
     top: 0;
     max-width: 800px;
     line-height: 1em;
     padding:.5em 0;
     z-index: 1;
}
 .top-banner .subtitle, .top-banner .post-heading {
     font-family: var(--unitedcond);
     font-size: .48em;
     display: block;
     line-height: 1.4rem;
     margin-top: 0;
     font-style: normal;
     padding: .5rem 0;
     color:var(--boilermaker);
}
 .top-banner .hero {
     min-height: 5em;
     background: #000;
}
 .top-banner .hero img {
     width: 100%;
     height: 375px;
     object-fit: cover;
     display:block;
}
 @media (max-width: 992px) {
     .top-banner h1, .top-banner .heading {
         font-size: 2.75rem;
         top: -.25em;
    }
     .top-banner .hero img {
         height: 350px;
    }
}
 @media (max-width: 768px) {
     .top-banner .hero img {
         height: 300px;
    }
}
 @media (max-width: 576px) {
     .top-banner h1, .top-banner .heading {
         font-size: 2em;
         line-height: .9em;
         top: -0.3em;
    }
     .top-banner .hero img {
         height: 250px;
    }
     .top-banner .subtitle {
         font-size: 1.2rem;
    }
}
 .hide-height {
     height:0;
     overflow:hidden;
}
 .unhide-height {
     height:auto;
     overflow:initial;
}
.hide-position {
     position:absolute;
     margin-left:-2000%;
}
.unhide-position {
     position:absolute;
     margin-left:auto;
}
 .no-space-above {
     padding-top:0;
     margin-top:0;
}
 .no-space-below {
     padding-bottom:0;
     margin-bottom:0;
}
/******** Daniels Branding ********/
.heading-block {
	border-bottom: 2px solid #000;
}
.heading-block .heading-text::before, .heading-block .heading-text::after {
	content: '';
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 10px;
	width: 6rem;
}
.heading-block .heading-text::before {
	order: 0;
	float: left;
}
.heading-block .heading-text::after {
	order: 2;
	float: right;
	width: 100%;
}
.heading-block .heading-text {
	display: inline-block;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	background-color: #000;
	color: #fff;
	max-width: 100%;
	margin-top: .9375rem;
	margin-bottom: 0;
	padding: .51816rem 2px;
	font-family: var(--unitedcond);
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-align: center;
	text-transform: uppercase;
}
.heading-block-white {
	border-bottom-color: var(--white);
}
.heading-block-white .heading-text {
	color: var(--black);
	background-color: var(--white);
}
.heading-block-boilermaker {
    border-bottom-color: var(--boilermaker);
}
.heading-block-boilermaker .heading-text {
    color: var(--black);
	background-color: var(--boilermaker);
}
.heading-block-aged {
    border-bottom-color: var(--aged);
}
.heading-block-aged .heading-text {
    color: var(--white);
	background-color: var(--aged);
}
.heading-block-steam {
    border-bottom-color: var(--steam);
}
.heading-block-steam .heading-text {
    color: var(--black);
	background-color: var(--steam);
}
.heading-block-dust {
    border-bottom-color: var(--dust);
}
.heading-block-dust .heading-text {
    color: var(--black);
	background-color: var(--dust);
}
.heading-block-steel {
    border-bottom-color: var(--steel);
}
.heading-block-steel .heading-text {
    color: var(--white);
	background-color: var(--steel);
}
.quote-mark {
  position: absolute;
  top: 5px;
  left: -5px;
  font-size: 8rem;
  font-weight: bold;
  z-index: 0;
  color: transparent;
  -webkit-text-stroke: 2px var(--boilermaker);
  opacity: 0.5;
}
.quote-mark-aged {
  -webkit-text-stroke: 2px var(--aged);
}
.quote-mark-steel {
  -webkit-text-stroke: 2px var(--steel);
}
.highlight-text {
    word-wrap: normal;
    font-weight: 600;
    letter-spacing: .15em;
}
.highlight-text span {
    display: block;
    margin-bottom: 10px;
    background-color: var(--boilermaker);
    font-family: var(--unitedext);
    font: 150%;
    text-transform: uppercase;
    color: black;
    padding: 1em 1em .9em;
    width: max-content;
}
.highlight-text-black span {
    background-color: var(--black);
    color: white;
}
.highlight-text-white span {
    background-color: var(--white);
}
.highlight-text-aged span {
    background-color: var(--aged);
    color: white;
}
.highlight-text-rush span {
    background-color: var(--rush);
}
.highlight-text-field span {
    background-color: var(--field);
}
.highlight-text-dust span {
    background-color: var(--dust);
}
@media (max-width: 48em) {
.highlight-text {
    font-size: 100%;
}
}
/******** Image Masks ********/
 div[class^="mask-"] img {
     display: block;
}
 .mask-top {
     mask-image: url(../../images/masks/edge-top-a.webp), linear-gradient(black, black);
     mask-position: top;
     mask-composite: exclude;
     mask-repeat: repeat-x;
     mask-size: 200%;
}
 .mask-left {
     mask-image: url(../../images/masks/edge-left-a.webp), linear-gradient(black, black);
     mask-position: left;
     mask-composite: exclude;
     mask-repeat: repeat-y;
     mask-size: auto 200%;
}
 .mask-right {
     mask-image: url(../../images/masks/edge-right-a.webp), linear-gradient(black, black);
     mask-position: right;
     mask-composite: exclude;
     mask-repeat: repeat-y;
     mask-size: auto 200%;
}
 .mask-bottom {
     mask-image: url(../../images/masks/edge-bottom-a.webp), linear-gradient(black, black);
     mask-position: bottom;
     mask-composite: exclude;
     mask-repeat: repeat-x;
     mask-size: 200%;
}
 .mask-left.style-a {
     mask-position: left;
}
 .mask-left.style-b {
     mask-position: left top;
}
 .mask-left.style-c {
     mask-position: left 25%;
}
 .mask-left.style-d {
     mask-position: left 75%;
}
 .mask-left.style-e {
     mask-position: left bottom;
}
 .mask-right.style-a {
     mask-position: right;
}
 .mask-right.style-b {
     mask-position: right top;
}
 .mask-right.style-c {
     mask-position: right 25%;
}
 .mask-right.style-d {
     mask-position: right 75%;
}
 .mask-right.style-e {
     mask-position: right bottom;
}
 .mask-top.style-a {
     mask-position: top;
}
 .mask-top.style-b {
     mask-position: left top;
}
 .mask-top.style-c {
     mask-position: 25% top;
}
 .mask-top.style-d {
     mask-position: 75% top;
}
 .mask-top.style-e {
     mask-position: right top;
}
 .mask-bottom.style-a {
     mask-position: bottom;
}
 .mask-bottom.style-b {
     mask-position: left bottom;
}
 .mask-bottom.style-c {
     mask-position: 25% bottom;
}
 .mask-bottom.style-d {
     mask-position: 75% bottom;
}
 .mask-bottom.style-e {
     mask-position: right bottom;
}
 .mask-bottom.scale-25, .mask-top.scale-25 {
     mask-size: 25%;
     --mask-scale: .125;
}
 .mask-bottom.scale-50, .mask-top.scale-50 {
     mask-size: 50%;
     --mask-scale: .25;
}
 .mask-bottom.scale-75, .mask-top.scale-75 {
     mask-size: 75%;
     --mask-scale: .375;
}
 .mask-bottom.scale-100, .mask-top.scale-100 {
     mask-size: 100%;
     --mask-scale: .5;
}
 .mask-bottom.scale-150, .mask-top.scale-150 {
     mask-size: 150%;
     --mask-scale: .75;
}
 .mask-bottom.scale-200, .mask-top.scale-200 {
     mask-size: 200%;
     --mask-scale: 1;
}
 .mask-bottom.scale-250, .mask-top.scale-250 {
     mask-size: 250%;
     --mask-scale: 1.25;
}
 .mask-bottom.scale-300, .mask-top.scale-300 {
     mask-size: 300%;
     --mask-scale: 1.5;
}
 .mask-bottom.scale-350, .mask-top.scale-350 {
     mask-size: 350%;
     --mask-scale: 1.75;
}
 .mask-bottom.scale-400, .mask-top.scale-400 {
     mask-size: 400%;
     --mask-scale: 2;
}
 .mask-bottom.scale-450, .mask-top.scale-450 {
     mask-size: 450%;
     --mask-scale: 2.25;
}
 .mask-bottom.scale-500, .mask-top.scale-500 {
     mask-size: 500%;
     --mask-scale: 2.5;
}
 .mask-left.scale-25, .mask-right.scale-25 {
     mask-size: auto 25%;
}
 .mask-left.scale-50, .mask-right.scale-50 {
     mask-size: auto 50%;
}
 .mask-left.scale-75, .mask-right.scale-75 {
     mask-size: auto 75%;
}
 .mask-left.scale-100, .mask-right.scale-100 {
     mask-size: auto 100%;
}
 .mask-left.scale-150, .mask-right.scale-150 {
     mask-size: auto 150%;
}
 .mask-left.scale-200, .mask-right.scale-200 {
     mask-size: auto 200%;
}
 .mask-left.scale-250, .mask-right.scale-250 {
     mask-size: auto 250%;
}
 .mask-left.scale-300, .mask-right.scale-300 {
     mask-size: auto 300%;
}
 .mask-left.scale-350, .mask-right.scale-350 {
     mask-size: auto 350%;
}
 .mask-left.scale-400, .mask-right.scale-400 {
     mask-size: auto 400%;
}
 .mask-left.scale-450, .mask-right.scale-450 {
     mask-size: auto 450%;
}
 .mask-left.scale-500, .mask-right.scale-500 {
     mask-size: auto 500%;
}
 .mask-bottom.mask-padding{
     padding-bottom: calc(100%*var(--mask-base-scale)*var(--mask-scale));
}
 .mask-top.mask-padding{
     padding-top: calc(100%*var(--mask-base-scale)*var(--mask-scale));
}
/********************** FONTS ***************************/
 .acumin {
     font-family:var(--acumin);
}
 .acumin-condensed {
     font-family:var(--acumincond);
}
 .acumin-extra-condensed {
     font-family:var(--acuminextracond);
}
 .acumin-semi-condensed {
     font-family:var(--acuminsemicond);
}
 .united {
     font-family:var(--united);
}
 .united-condensed {
     font-family: var(--unitedcond);
}
 .united-extended {
     font-family: var(--unitedext);
}
 .source-serif,
 .source-serif-semibold,
 .source-serif-bold,
 .source-serif-light,
 .source-serif-extra-light {
     font-family: var(--source);
}
 .monospace {
     font-family: monospace;
}
 .font-550 {
     font-size: 5.5em;
}
 .font-450 {
     font-size: 4.5em;
}
 .font-400 {
     font-size: 4.0em;
}
 .font-350 {
     font-size: 3.5em;
}
 .font-300 {
     font-size: 3.0em;
}
 .font-275 {
     font-size: 2.75em;
}
 .font-250 {
     font-size: 2.5em;
}
 .font-200 {
     font-size: 2.0em;
}
 .font-180, .largest-font, .font-largest {
     font-size:1.8em;
}
 .font-175 {
     font-size: 1.75em;
}
 .font-150, .larger-font, .font-larger {
     font-size:1.5em;
}
 .font-130, .large-font, .font-large {
     font-size:1.3em;
}
 .font-100 {
     font-size:1em;
}
 .font-80, .small-font, .font-small {
     font-size:.8em;
}
 .font-65, .smaller-font, .font-smaller {
     font-size:.65em;
}
 .font-50, .smallest-font, .font-smallest {
     font-size:.5em;
}
 @media (max-width:991px){
     .font-550{
         font-size:4.5em;
    }
}
 @media (max-width:767px){
     .font-550{
         font-size:3.5em;
    }
     .font-450{
         font-size:3.5em;
    }
     .font-400{
         font-size:3.0em;
    }
     .font-350{
         font-size:3.0em;
    }
}
/******** Link Default Colors ********/
 .bg-white a{
     color:var(--aged);
}
 .bg-black a{
     color:var(--boilermaker);
}
 .bg-black a:hover, .bg-black a:focus{
     color:var(--dust);
}
 .bg-steel a{
     color:var(--dust);
}
 .bg-cool a{
     color:var(--white);
}
 .bg-railway a{
     color:var(--black);
}
 .bg-steam a{
     color:var(--black);
}
 .bg-aged a{
     color:var(--white);
}
 .bg-boilermaker a{
     color:var(--black);
}
 .bg-rush a{
     color:var(--black);
}
 .bg-field a{
     color:var(--black);
}
 .bg-dust a{
     color:var(--black);
}
 .bg-grey a{
     color:var(--darkgrey);
}
 .bg-grey a:hover, .bg-grey a:focus{
     color:var(--black);
}
.bg-darkgrey a, .bg-dark-grey a {
     color:var(--dust);
}
 .links-dust a{
     color:var(--dust);
}
 .links-rush a{
     color:var(--rush);
}
 .links-field a{
     color:var(--field);
}
 .links-boilermaker a{
     color:var(--boilermaker);
}
 .links-grey a{
     color:var(--grey);
}
 .links-steel a{
     color:var(--steel);
}
 .links-aged a{
     color:var(--aged);
}
 .links-white a{
     color:var(--white);
}
 .links-black a{
     color:var(--black);
}
 a.bg-white{
     color:var(--aged);
}
 a.bg-white:hover, a.bg-white:focus{
     color:var(--cool);
}
 a.bg-black{
     color:var(--boilermaker);
}
 a.bg-black:hover, a.bg-black:focus{
     color:var(--steam);
}
 a.bg-steel{
     color:var(--dust);
}
 a.bg-steel:hover, a.bg-steel:focus{
     color:var(--dust);
}
 a.bg-cool{
     color:var(--white);
}
 a.bg-cool:hover, a.bg-cool:focus{
     color:var(--dust);
}
 a.bg-railway{
     color:var(--black);
}
 a.bg-railway:hover, a.bg-railway:focus{
     color:var(--black);
}
 a.bg-steam{
     color:var(--black);
}
 a.bg-steam:hover, a.bg-steam:focus{
     color:var(--steel);
}
 a.bg-aged{
     color:var(--white);
}
 a.bg-aged:hover, a.bg-aged:focus{
     color:var(--dust);
}
 a.bg-boilermaker{
     color:var(--black);
}
 a.bg-boilermaker:hover, a.bg-boilermaker:focus{
     color:var(--steel);
}
 a.bg-rush{
     color:var(--black);
}
 a.bg-rush:hover, a.bg-rush:focus{
     color:var(--steel);
}
 a.bg-field{
     color:var(--black);
}
 a.bg-field:hover, a.bg-field:focus{
     color:var(--steel);
}
 a.bg-dust{
     color:var(--black);
}
 a.bg-dust:hover, a.bg-dust:focus{
     color:var(--steel);
}
 a.bg-grey{
     color:var(--steel);
}
 a.bg-grey:hover, a.bg-grey:focus{
     color:var(--black);
}
/******** Text Colors ********/
 .white, a.white {
     color:var(--white);
}
 .black, a.black {
     color:var(--black);
}
 .steel, a.steel {
     color:var(--steel);
}
 .cool, a.cool {
     color:var(--cool);
}
 .railway, a.railway {
     color:var(--railway);
}
 .steam, a.steam {
     color:var(--steam);
}
 .aged, a.aged {
     color:var(--aged);
}
 .boilermaker, a.boilermaker {
     color:var(--boilermaker);
}
 .rush, a.rush {
     color:var(--rush);
}
 .field, a.field {
     color:var(--field);
}
 .dust, a.dust {
     color:var(--dust);
}
 .grey, a.grey {
     color:var(--grey);
}
 .hover-white:hover, a.hover-white:hover, .hover-white:focus, a.hover-white:focus {
     color:var(--white);
}
 .hover-black:hover, a.hover-black:hover, .hover-black:focus, a.hover-black:focus {
     color:var(--black);
}
 .hover-steel:hover, a.hover-steel:hover, .hover-steel:focus, a.hover-steel:focus {
     color:var(--steel);
}
 .hover-cool:hover, a.hover-cool:hover, .hover-cool:focus, a.hover-cool:focus {
     color:var(--cool);
}
 .hover-railway:hover, a.hover-railway:hover, .hover-railway:focus, a.hover-railway:focus {
     color:var(--railway);
}
 .hover-steam:hover, a.hover-steam:hover, .hover-steam:focus, a.hover-steam:focus {
     color:var(--steam);
}
 .hover-aged:hover, a.hover-aged:hover, .hover-aged:focus, a.hover-aged:focus {
     color:var(--aged);
}
 .hover-boilermaker:hover, a.hover-boilermaker:hover, .hover-boilermaker:focus, a.hover-boilermaker:focus {
     color:var(--boilermaker);
}
 .hover-rush:hover, a.hover-rush:hover, .hover-rush:focus, a.hover-rush:focus {
     color:var(--rush);
}
 .hover-field:hover, a.hover-field:hover, .hover-field:focus, a.hover-field:focus {
     color:var(--field);
}
 .hover-dust:hover, a.hover-dust:hover, .hover-dust:focus, a.hover-dust:focus {
     color:var(--dust);
}
 .hover-grey:hover, a.hover-grey:hover, .hover-grey:focus, a.hover-grey:focus {
     color:var(--grey);
}
/******** Deprecated Colors ********/
 .light-grey {
     color:var(--grey);
}
 .bright-gold {
     color:var(--field);
}
 .yellow {
     color:#ffd100;
}
 .old-gold {
     color:var(--aged);
}
 .dark-green {
     color:#085c11;
}
 .green {
     color:#849e2a;
}
 .aqua {
     color:#29a592;
}
 .light-blue {
     color:#a3d6d7;
}
 .blue {
     color:#6e99b4;
}
 .dark-blue {
     color:var(--steel);
}
 .pink {
     color:#b63f97;
}
 .purple {
     color:#ad1f65;
}
 .brown {
     color:#6b4536;
}
 .rust {
     color:#b46012;
}
 .orange {
     color:#ff9b1a;
}
 .light-lime {
     color:#e9e45b;
}
 .lime {
     color:#c3be0b;
}
 .default-color {
     color:#333;
}
/****************BACKGROUND COLORS*****************/
 .bg-transparent {
     background-color:transparent;
}
 .bg-white {
     background-color:var(--white);
}
 .bg-black {
     background-color:var(--black);
}
 .bg-steel {
     background-color:var(--steel);
}
 .bg-cool {
     background-color:var(--cool);
}
 .bg-railway {
     background-color:var(--railway);
}
 .bg-steam {
     background-color:var(--steam);
}
 .bg-aged {
     background-color:var(--aged);
}
 .bg-boilermaker {
     background-color:var(--boilermaker);
}
 .bg-rush {
     background-color:var(--rush);
}
 .bg-field {
     background-color:var(--field);
}
 .bg-dust {
     background-color:var(--dust);
}
 .bg-grey {
     background-color:var(--grey);
}
 .bg-darkgrey, .bg-dark-grey {
     background-color:var(--darkgrey);
}
 .bg-lightgrey {
     background-color:#f7f7f7;
}
 .bg-white-8 {
     background-color:rgb(255,255,255,0.8);
}
 .bg-black-8 {
     background-color:rgb(0,0,0,0.8);
}
 .bg-steel-8 {
     background-color:rgb(85,89,96,0.8);
}
 .bg-cool-8 {
     background-color:rgb(111,114,123,0.8);
}
 .bg-railway-8 {
     background-color:rgb(157,151,149,0.8);
}
 .bg-steam-8 {
     background-color:rgb(196,191,192,0.8);
}
 .bg-aged-8 {
     background-color:rgb(142,111,62,0.8);
}
 .bg-boilermaker-8 {
     background-color:rgb(207,185,145,0.8);
}
 .bg-rush-8 {
     background-color:rgb(218,170,0,0.8);
}
 .bg-field-8 {
     background-color:rgb(221,185,69,0.8);
}
 .bg-dust-8 {
     background-color:rgb(235,217,159,0.8);
}
 .bg-grey-8 {
     background-color:rgb(237,237,237,0.8);
}
 .bg-darkgrey-8 {
     background-color:rgba(30,30,30,0.8);
}
 .bg-lightgrey-8 {
     background-color:rgba(247,247,247,0.8);
}
 .bg-hover-transparent:hover, .bg-hover-transparent:focus {
     background-color:transparent;
}
 .bg-hover-white:hover, .bg-hover-white:focus {
     background-color:var(--white);
}
 .bg-hover-black:hover, .bg-hover-black:focus {
     background-color:var(--black);
}
 .bg-hover-steel:hover, .bg-hover-steel:focus {
     background-color:var(--steel);
}
 .bg-hover-cool:hover, .bg-hover-cool:focus {
     background-color:var(--cool);
}
 .bg-hover-railway:hover, .bg-hover-railway:focus {
     background-color:var(--railway);
}
 .bg-hover-steam:hover, .bg-hover-steam:focus {
     background-color:var(--steam);
}
 .bg-hover-aged:hover, .bg-hover-aged:focus {
     background-color:var(--aged);
}
 .bg-hover-boilermaker:hover, .bg-hover-boilermaker:focus {
     background-color:var(--boilermaker);
}
 .bg-hover-rush:hover, .bg-hover-rush:focus {
     background-color:var(--rush);
}
 .bg-hover-field:hover, .bg-hover-field:focus {
     background-color:var(--field);
}
 .bg-hover-dust:hover, .bg-hover-dust:focus {
     background-color:var(--dust);
}
 .bg-hover-grey:hover, .bg-hover-grey:focus {
     background-color:var(--grey);
}
/******** Deprecated Background Colors ********/
 .bg-light-grey {
     background-color:#d1d3d4;
}
 .bg-bright-gold {
     background-color:var(--field);
     color:#000;
}
 .bg-yellow {
     background-color:#ffd100;
}
 .bg-old-gold {
     background-color:var(--aged);
}
 .bg-dark-green {
     background-color:#085c11;
}
 .bg-green {
     background-color:#849e2a;
}
 .bg-aqua {
     background-color:#29a592;
}
 .bg-light-blue {
     background-color:#a3d6d7;
}
 .bg-blue {
     background-color:#6e99b4;
}
 .bg-dark-blue {
     background-color:var(--steel);
}
 .bg-purple {
     background-color:#ad1f65;
}
 .bg-brown {
     background-color:#6b4536;
}
 .bg-rust {
     background-color:#b46012;
}
 .bg-orange {
     background-color:#ff9b1a;
}
 .bg-light-lime {
     background-color:#e9e45b;
}
 .bg-lime {
     background-color:#c3be0b;
}
 .bg-slaterblue {
     background-color:#7CA6C0;
}
 .bg-bluegrey-grade {
     background: #5c6f7b;
     background: linear-gradient(to bottom, #5c6f7b 0%,#809caa 100%);
}
 .bg-green-grade {
     background: #344f16;
     background: linear-gradient(to bottom, #344f16 0%,#5c8727 100%);
}
 .bg-rust-grade {
     background: #8c3e10;
     background: linear-gradient(to bottom, #8c3e10 0%,#b95915 100%);
}
 .bg-brown-grade {
     background: #513426;
     background: linear-gradient(to bottom, #513426 0%,#7e543a 100%);
}
 .bg-gold-grade {
     background: #cc9c00;
     background: linear-gradient(to bottom, #cc9c00 0%,#fcc100 100%);
}
 .bg-white-fade {
     background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
 .bg-black-fade {
     background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
 .bg-black-fade-rt {
     background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
 .bg-black-fade-ct {
     background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);
}
 .bg-grey-faded {
     background: linear-gradient(to bottom, rgba(51,51,51,0.75) 0%,rgba(51,51,51,0.6) 100%);
}
 .greyfade {
     background: linear-gradient(to right, rgba(200,203,210,0) 0%,rgba(200,203,210,1) 5%,rgba(200,203,210,1) 95%,rgba(200,203,210,0) 100%);
     padding-left:1em;
     padding-right:1em;
}
/******** Misc 4 (More General, Typography, Display, Padding, Margin) ********/
.position-relative { position:relative; }
 .z-100 {
     z-index: 100;
}
 .display-none {
     display:none;
}
 .display-block {
     display:block;
}
 .display-inline-block {
     display:inline-block;
}
 .display-initial {
     display:initial;
}
 .em {
     font-style:italic;
}
 .em-none {
     font-style:normal;
}
.weight-light, .weight-100 {
    font-weight: 100;
}
.weight-thin, .weight-200 {
    font-weight: 200;
}
.weight-normal, .weight-400 {
    font-weight: 400;
}
.weight-semibold, .weight-600 {
    font-weight: 600;
}
.weight-bold, .weight-700 {
    font-weight: 700;
}
.weight-heavy, .weight-900 {
    font-weight: 900;
}
 .text-center {
     text-align:center;
}
 .text-right {
     text-align:right;
}
 .text-left {
     text-align:left;
}
 .text-capitalize {
     text-transform:capitalize;
}
 .text-uppercase {
     text-transform:uppercase;
}
 .text-lowercase {
     text-transform:lowercase;
}
 .text-tranform-none, .text-none, .text-no-tranform {
     text-transform:none;
}
 .text-decoration-none {
     text-decoration:none;
}
 .text-shadow-none {
     text-shadow:none;
}
 .hover:hover, .hover:focus{
     text-decoration:underline;
}
 .hover-none:hover, .hover-none:focus{
     text-decoration:none;
}
 .hover-border-steel:hover, .hover-border-steel:focus{
     border:1px solid var(--steel);
}
 .hover-border-black:hover, .hover-border-black:focus{
     border:1px solid var(--black);
}
 .hover-board-white:hover, .hover-border-white:focus{
     border:1px solid var(--white);
}
.padding-top-0 {
    padding-top: 0;
}
.padding-bottom-0 {
    padding-bottom: 0;   
}
 .padding-100, .padding-add-100, .add-padding {
     padding:1em;
}
 .padding-50, .padding-add-50, .add-half-padding {
     padding:.5em;
}
 .padding-30 {
     padding:.3em;
}
 .padding-25 {
     padding:.25em;
}
 .padding-0, .padding-remove, .remove-padding {
     padding:0;
}
 .padding-v-300, .padding-lg-add-300v, .padding-v-lg-3{
     padding-top:3em;
     padding-bottom:3em;
}
 .padding-v-100, .padding-add-100v, .add-v-padding {
     padding-top:1em;
     padding-bottom:1em;
}
 .padding-v-50 { padding-top:.5em;padding-bottom:.5em; }
 .padding-v-25 { padding-top:.25em;padding-bottom:.25em; }
 .padding-v-0, .padding-remove-v, .remove-v-padding {
     padding-top:0em;
     padding-bottom:0em;
}
 .padding-h-200 {
     padding-right:2em;
     padding-left:2em;
}
 .padding-h-100, .padding-add-100h, .add-h-padding {
     padding-right:1em;
     padding-left:1em;
}
 .padding-h-50 { padding-right:.5em;padding-left:.5em; }
 .padding-h-0, .padding-remove-h, .remove-h-padding {
     padding-right:0em;
     padding-left:0em;
}
 .margin-h-auto, .margin-auto-h {
     margin-left:auto;
     margin-right:auto;
}
 .padding-left {
     padding-left: 1em;
}
 .padding-right-200, .padding-right-add-200, .add-padding-right-2 {
     padding-right: 2em;
}
 .margin-100, .margin-add-100, .add-margin {
     margin:1em;
}
 .margin-50, .margin-add-50, .add-half-margin {
     margin:.5em;
}
 .margin-30 {
     margin:.3em;
}
 .margin-25 {
     margin:.25em;
}
 .margin-0, .margin-remove, .remove-margin {
     margin:0em;
}
 .margin-v-100, .margin-add-100v, .add-v-margin {
     margin-top:1em;
     margin-bottom:1em;
}
 .margin-v-50 { margin-top:.5em;margin-bottom:.5em; }
 .margin-v-0, .margin-remove-v, .remove-v-margin {
     margin-top:0em;
     margin-bottom:0em;
}
 .margin-h-100, .margin-add-100h, .add-h-margin {
     margin-right:1em;
     margin-left:1em;
}
 .margin-h-50 { margin-right:.5em;margin-left:.5em; }
 .margin-h-0, .margin-remove-h, .remove-h-margin {
     margin-right:0em;
     margin-left:0em;
}
 .margin-top-200 { margin-top:2em; }
 .line-height-200, .line-height-2{
     line-height:2em;
}
.line-height-180, .line-height-180 {
     line-height:1.8em;
}
 .line-height-150, .line-height-1_5{
     line-height:1.5em;
}
 .line-height-130, .line-height-1_3{
     line-height:1.3em;
}
 .line-height-100, .line-height-1{
     line-height:1em;
}
 .line-height-80, .line-height_8{
     line-height:.8em;
}
 .line-height-50, .line-height_5{
     line-height:.5em;
}
 .clear-left {
     clear:left;
}
 .clear-right {
     clear:right;
}
 .clear-both {
     clear:both;
}
/* Redirect Font Awesome 6 to Font Awesome 7 */
@font-face {
  font-family: "Font Awesome 6 Sharp";
  src: local("Font Awesome 7 Sharp");
}
@font-face {
  font-family: "Font Awesome 6 Pro";
  src: local("Font Awesome 7 Pro");
}
 @media (max-width:48em){
     .padding-sm-remove-v, .padding-v-sm-0{
         padding-top:0em;
         padding-bottom:0em;
    }
}
/* Form Assembly */
 .max-height-300 {
     max-height: 300px;
     overflow-y: scroll;
}
 .max-height-400 {
     max-height: 400px;
     overflow-y: scroll;
}
 .max-height-500 {
     max-height: 500px;
     overflow-y: scroll;
}
 .max-height-600 {
     max-height: 600px;
     overflow-y: scroll;
}
 .max-height-700 {
     max-height: 700px;
     overflow-y: scroll;
}
 .max-height-800 {
     max-height: 800px;
     overflow-y: scroll;
}
 .max-height-900 {
     max-height: 900px;
     overflow-y: scroll;
}
/******** Print ********/
 @media print {
    /** Setting margins */
     @page {
         margin: 1em 
    }
     .content-main, .content-main .container {
         width: 100%;
         margin: 0;
         float: none;
    }
     .do-not-print, .alert-banner, .top-ribbon, .quick-links, .gradient-bg, .bottom-border, #skip-to-content, .footer, .legal, .sidebar, .page-header {
         display:none;
    }
     body {
         font-family: var(--source);
         font-size: 1em;
         line-height: 1.3;
         background: #fff !important;
         color: #000;
    }
     h1, .heading {
         font-size: 1.4em;
    }
     h2, h3, h4, .subheading, .preheading {
         font-size: 1.3em;
    }
     a {
         page-break-inside:avoid 
    }
     blockquote {
         page-break-inside: avoid;
    }
     h1, h2, h3, h4, h5, h6, .heading, .subheading, .preheading {
         page-break-after:avoid;
         page-break-inside:avoid 
    }
     img {
         page-break-inside:avoid;
         page-break-after:avoid;
    }
     table, pre {
         page-break-inside:avoid 
    }
     ul, ol, dl {
         page-break-before:avoid 
    }
     a:link, a:visited, a {
         background: transparent;
         color: blue;
         font-weight: bold;
         text-decoration: underline;
         text-align: left;
    }
     a[href^=http]:after {
         content:" < " attr(href) "> ";
    }
     a:after > img {
         content: "";
    }
     article a[href^="#"]:after {
         content: "";
    }
     a:not(:local-link):after {
         content:" < " attr(href) "> ";
    }
     .content-main:before {
         content: "Purdue University Mitch Daniels School of Business";
         color: #777 !important;
         font-size: .8em;
         padding-top: 1em;
         text-align: center !important;
    }
}

/******** Table of Contents ********

Line counts recorded 11/13/2024 (they'll be out of date soon!
Sections with ** need a look - they might have fallen out of use or might belong to the old template

|Lines|Title

  25   Variables
 170   Misc 0 (General & Top Level Styles)
 120   Old Template Typography     **
 130   Buttons
 110   Legacy Buttons              **
 100   Cards                       
  70   Flip Cards
  20   Explore Research Cards      **
   5   Localist Cards
  20   Quotes / Callout Box        **
  40   Text on Image
 300   Spotlight                   **Some styles are generic and may belong elsewhere
  70   Rankings
  20   Tables
  60   Forms
  40   End Forms                   **

3509   Grids
 100   Grid RAM
 380   Grid Horizontal Scroll (CSS Fallback)  **This code works but is not being accessed (the embed was changed)
 120   Grid Old Design
  80   Grid / Flex Parameters
 350   Grid Fixed
1400   Grid Ratios                 **
 440   Grid Borders
  30   Grid Accordion
   5   Grid Gap Overrides
 172   Colspans
 
 870   Blocks and Columns          **
 110   Misc 1 (Member List, Affiliate, Landing Image)  **
  40   News List                   **
  40   Grads                       **
  50   Skew and Pull Quotes        **
  20   Fixed Content Styles        **
  90   "Grid" and Grid Modal       **
 250   Old Building Tour           **
  50   Sidebar Research (Old)      ** 
 180   Mobile Code (for above group of sections) **

 100   Modals                      **
  60   Box Shadows
 100   Text Offset Outline
 220   Border Colors
  20   Recolors (Deprecated)       **
 370   Data Visualization
 220   Container Lg Md Sm Xs
 150   Slider                      **
  80   Page Headings (Old)         **
  80   Splash                      **
  60   Misc 2 (Mobile styles for above sections, gradients)

 160   Primary Menu
  80   Other Menus
  70   Search Bar and Icons
  90   Horizontal Menu
 180   Menu Mobile Styles

 240   Headlines and Banners (Old?) **
  80   Parallax
 170   Homepage News (and RGB-BW)
  25   Faculty Research News
 160   Homepage Events
  90   Homepage Icons
  50   Black BTN                    **
 300   Assorted Old Template Styles / Content Main **
 400   Accordion Styles             **(mix of up to date and old template code)
  60   Tabs
 120   Sidebar (Old Template)       **
 110   Footer and Legal             
  70   Misc 3 (Container, clear, skip main, global animation) **

 590   Purdue Business Journal      ** (some code no longer in use)
 110   Half Header Images
  80   Top Header Banner
 160   Image Masks
 100   Fonts
 140   Link Default Colors
  70   Text Colors
  60   Deprecated Text Colors       **
 120   Background Colors
 100   Deprecated Background Colors **
 200   Misc 4 (More General, Typography, Display, Padding, Margin)
  70   Print Styles

********/