/* Fonts
------------------------------------------------------------- */

/* Resets
------------------------------------------------------------- */
	/* http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
		License: none (public domain)
	*/
    html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 16px;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        font-family: "DinPRO-Regular", Arial, Helvetica, sans-serif;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,  q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    a {
        text-decoration: none;
    }
    /* General Styles
    ------------------------------------------------------------- */
    
    .skiplist {
        margin-left: -1000px;
    }
    html, body {
        width: 100%;
        min-height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }
    h1, h2, h3, h4, li {
        line-height: 100%;
        margin: 1em auto;
    }
    h3, h4 {
        line-height: 140%;
    }
    p {
        line-height: 140%;
        margin: 1em auto;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style: italic;
    }
    h1 {
        font-size: 1.5em;
        font-weight: bold;
    }
    h2 {
        font-size: 1.3em;
        font-weight: bold;
    }
    img {
        margin: auto;
        max-width: 100%;
        vertical-align: text-bottom;
    }
    .clear {
        clear: both;
        display: block;
        margin: 0 auto;
    }
    .nav-wrap, #logo, #content {
        margin: auto;
        max-width: 960px;
        width: 100%;
    }
    /* Basic Text Styles*/
    
    .center-text {
        text-align: center;
    }
    .underline-text {
        text-decoration: underline;
    }
    #content {
        padding-bottom: 2em;
    }
    #content.home {
        background: none;
        box-shadow: none;
        padding-bottom: 0;
    }
    /* Content Styling */
    #content h1, #content h2, #content h3, #content h4 {
        margin: .3em auto 0.3em auto;
    }
    #content h1 {
        font-size: 2em;
    }
    #content h2 {
        font-size: 1.5em;
    }
    #content h3 {
        font-size: 1.2em;
    }
    #content h4 {
        font-size: 1em;
        font-weight: bold;
    }
    #content p, #content ul, #content ol {
        font-size: 1em;
    } /* Was 0.9em */
    #content p.indent {
        margin-left: 1.5em;
    }
    #content p a {
        text-decoration: underline;
    }
    #content .guttered {
        padding: 1em;
    }
    /* List Styling */
    #content ul {
        list-style: disc;
    }
    #content ol {
        list-style: decimal;
    }
    #content ul li,  #content ol li {
        line-height: 1.2em;
        margin-left: 2em;
        padding-left: 0.5em;
    }
    
    /*Terms and Conditions*/
    .terms {
        font-size: 0.8rem;
        line-height: 1rem;
        color: grey;
        border-top: solid grey 1px;
        padding-top: 10px;
    }
    /* Column Styling */
    .clearfix {
        clear: both;
        overflow: visible;
    }
    .clearfix:after {
        clear: both;
        content: "";
        display: block;
        margin-bottom: 20px;
    }
    .clearfix div {
        box-sizing: border-box;
        float: none;
    }
    .clearfix .col-65, .clearfix .col-35, .clearfix .col-38, .clearfix .col-50, .clearfix .col-33, .clearfix .col-25 {
        width: 100%;
    }
    /* Image Styling */
    #content img.image-100, #content img.image-75, #content img.image-66, #content img.image-60, #content img.image-50, #content img.image-40, #content img.image-33, #content img.image-25 {
        max-width: 100%;
    }
    #content img.left, #content img.right {
        box-sizing: border-box;
        float: none;
        padding: none;
        margin: 0 auto;
    }
    /* Accordion */
    #accordion, .accordion {
        width: 90%;
        margin: 0 auto;
    }
    .ui-accordion-header {
        border-bottom: 1px solid gray;
        cursor: pointer;
        font-size: 18px;
        margin: 0px;
        padding: 10px;
        padding-left: 0px;
        overflow: auto;
    }
    .side-nav .ui-accordion-header {
        border-bottom: none;
        font-size: 16px;
        padding: 0;
    }
    .plus {
        display: inline-block;
        float: right;
    }
    #content .callout .ui-accordion-header, #content.news .callout .ui-accordion-header {
        border-color: white;
        color: white;
        margin: 0.5em auto;
    }
    .callout .ui-accordion-content {
        border-bottom: none;
        margin: 0 10%;
    }
    .ui-state-active.ui-accordion-header {
        border-bottom-width: 0px
    }
    .ui-accordion-content-active {
        border-bottom: 1px solid gray;
    }
    /* Skiplist */
    .skiplist {
        position: absolute;
        text-indent: -5000px;
        list-style-type: none;
    }
    
    #jonsson-nav .skiplist {
        opacity: 0;
    }
    /* Special items*/
    button {
        border: 2px solid;
        color: white;
        font-size: 1em;
        padding: 0.5em 1em;
    }
    #content a.button {
        border: 2px solid;
        display: inline-block;
        margin: 0 2%;
        padding: 0.5em 1em;
        text-align: center;
    }
    #content a.button-lg {
        font-size: 1.5em;
    }
    #content a.button:hover {
        color: white;
    }
    #content .larger {
        font-size: 1.4em;
    }
    #content .little-larger {
        font-size: 1.2em;
    }
    #content .smaller {
        font-size: 0.8em;
    }
    /* 
        #cc:target, #se:target { display: block; }
        #cc, #se { display: none; text-align: center; border-top: 1px solid #ccc; }
        #content #cc li, #content #se li { list-style: none; margin-left: 0; padding-left: 0; }
     */
    
    /* Setting up See Mores */
    .pcc, .pse, .cc, .se {
        margin: 0 auto;
        padding: 0.5em 0;
    }
    .cc, .se {
        border-top: 1px solid #ccc;
        display: none;
        text-align: center;
    }
    .pcc:hover ~ .cc, .pse:hover ~ .se, .cc:hover, .se:hover {
        display: block;
        transition: .5s all 1s
    }
    #content .cc li, #content .se li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }
    /* Setting up News/Media Items */
    .media-item {
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    #content .media-item img.left {
        display: block;
        margin-bottom: 0.5em;
    }
    .media-feed {
        border: 1px solid #969696;
        margin: 1em auto;
        max-width: 211px;
    }
    .media-feed .banner {
        width: 100%;
    }
    .rankingbox{
        margin-bottom: 20px;
    }
    .ranking-box{
        height: 280px;
    }
    
    /*popup box*/
    .full-screen{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.90);
        opacity: .9;
        color: white
    }
    
    .flex-container-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .hidden_popup{
        display: none;
    }
    
    /*Full popup box test code start */
    
    .overlay {
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0, 0.9);
      overflow-y: hidden;
      transition: 0.5s;
    }
    
    .overlay-content {
      position: relative;
      top: 25%;
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }
    
    .overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 36px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
    
    .overlay .closebtn {
      position: absolute;
      top: 20px;
      right: 45px;
      font-size: 60px;
    }
    
    @media screen and (max-height: 450px) {
      .overlay {overflow-y: auto;}
      .overlay a {font-size: 20px}
      .overlay .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
      }
    }
    
    /*Full popup box test code end*/
    
    /*popup jquery style*/
    .popup-overlay {
      /*Hides pop-up when there is no "active" class*/
      visibility: hidden;
      position: absolute;
      background: #ffffff;
      border: 3px solid #666666;
      width: 100%;
      height: 100%;
      /* left: 25%; */
    }
    
    .popup-overlay.active {
      /*displays pop-up when "active" class is present*/
      visibility: visible;
      text-align: center;
    }
    
    .popup-content {
      /*Hides pop-up content when there is no "active" class */
      visibility: hidden;
    }
    
    .popup-content.active {
      /*Shows pop-up content when "active" class is present */
      visibility: visible;
    }
    
    button {
      display: inline-block;
      vertical-align: middle;
      border-radius: 30px;
      margin: .20rem;
      font-size: 1rem;
      color: #666666;
      background: #ffffff;
      border: 1px solid #666666;
    }
    
    button:hover {
      border: 1px solid #666666;
      background: #666666;
      color: #ffffff;
    }
    
    .full-screen{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.90);
        opacity: .9;
        color: white
    }
    
    .flex-container-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    /*end*/
    
    
    
    
    /*
    https://confluence.utdallas.edu/confluence/pages/viewpage.action?title=Set+up+for+mobile+pages&spaceKey=WEBS
    ------------------------------------------------------------------- */
    
    /*****************Calendar Styling**************************/
    .calendar-week .col-25:nth-last-of-type(odd) {
        background-color: #FFF2E1
    }
    .calendar-week .col-25 h1 {
        border-bottom: solid 1px #E98300;
    }
    .calendar-week .col-25 p {
        min-height: 150px;
    }
    
    /***************Animated Ticker Tape***********************/
    
    @-webkit-keyframes ticker {
     0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     visibility: visible;
    }
     100% {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
    }
    }
     @keyframes ticker {
     0% {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     visibility: visible;
    }
     100% {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
    }
    }
    .ticker-wrap {
        overflow: hidden;
        height: 4rem;
        padding-left: 100%;  /* offset items to begin */
    }
    .ticker {
        display: inline-block;
        height: 4rem;
        line-height: 4rem;
        white-space: nowrap; /* display items in a line */
        padding-right: 100%; /* ensure items go before animations repeat (taken from parent due to inline-block)*/
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 30s;
        animation-duration: 30s;
    }
    .ticker__item {
        display: inline-block;
        padding: 0 2rem;
        font-size: 2rem;
        color: white;
    }
    /*End Ticker*/
    
    /*******************Background Colors************************/
    .orangeGrad {
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        color: white !important;
        padding: 8px 0;
        background: #C75B12;
        background: -webkit-linear-gradient(#FFB612, #C75B12 90%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#FFB612, #C75B12 90%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#FFB612, #C75B12 90%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#FFB612, #C75B12 90%); /* Standard syntax (must be last) */
    }
    a.orangeGrad:hover {
        text-decoration: underline;
    }
    .greenGrad {
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        color: white !important;
        padding: 8px 0;
        background: #008542;
        background: -webkit-linear-gradient(#69BE28, #008542 90%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#69BE28, #008542 90%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#69BE28, #008542 90%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#69BE28, #008542 90%); /* Standard syntax (must be last) */
    }
    a.greenGrad:hover {
        text-decoration: underline;
    }
    /**************Link icons for file types*********************/
    
    a[href$=".pdf"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/pdf.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    a[href$=".doc"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/doc.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    a[href$=".docx"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/doc.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    a[href$=".xls"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/excel.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    a[href$=".ppt"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/ppt.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    a[href$=".pptx"] {
        background-image: url("https://sites.utdallas.edu/engineering/files/2023/06/ppt.png");
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 22px;
        text-decoration: none;
    }
    /*Animated figure styling*/
    
    .content figure {
        margin: 0;
        padding: 0;
        max-height: 252px;
        position: relative;
        display: block;
        cursor: pointer;
        overflow: hidden;
    }
    #subpage .content .recruitmentSlideshow figure {
        max-height: none;
        position: absolute;
    }
    .content figure:hover .anicaption {
        opacity: 1;
        top: 0;
    }
    .content figure:hover p {
        left: 0;
    }
    .anicaption {
        cursor: pointer;
        position: absolute;
        opacity: 0;
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out;
    }
    .anicaption .blur {
        background-color: rgba(0,0,0,0.5);
        height: 215px;
        width: 400px;
        z-index: 5;
        position: absolute;
    }
    .anicaption p {
        color: white;
        font-weight: bold;
        padding: 25px;
        margin: 0;
        position: relative;
        z-index: 10;
        font-size: 1em;
        line-height: 1.1em;
    }
    
    .ranking-box-margin{
            margin-bottom:-20px;
        }
    
    @media (max-width: 959px) {
        .ranking-box{
            height: 230px;
        }
    }
    
    
    @media (max-width: 936px) {
        .ranking-box{
            height: 285px;
        }
    }
    
    @media (max-width: 768px) {
        .ranking-box{
            height: 315px;
        }
    }
    
    @media (max-width: 748px) {
        .ranking-box{
            height: 360px;
        }
            
        #big-number {
          font-size: 1.8em !important;
          text-align: center !important;
          margin-bottom: 0.2em !important;
        }
        
        #total-endowments {
          font-size: 0.6em !important;
          top: 0.2em !important;
          text-align: center !important;
        }
        
        #main-container {
          font-size: 2.0em !important;
          text-align: center !important;
        }
    }
    
    /* ============================================================================= 
            iphone/ipod/android portrait and everything that's smaller
       ============================================================================= */
    @media (min-width: 30px) {
    html {
        background: #444;
    }
    body {
        background: white;
    }
    .mobile .top {
        background: #C75B12;
        overflow: auto;
        padding: 3%;
    }
    .mobile .top h1 {
        color: #fff;
        font-size: 1em;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
    }
    .mobile .top h1 a {
        color: #fff;
    }
    .m-nav-wrap {
        display: block;
        height: 2em;
        margin: 0 auto;
        margin-top: 0.5em;
        text-align: left;
        width: 100%;
    }
    .mobile .top #showLeftPush {
        background: none;
        border: none;
        max-width: 15%;
        padding: 0;
        vertical-align: middle;
    }
    #showLeftPush img {
        max-height: 2em;
    }
    .mobile .top .search {
        display: inline-block;
        float: right;
        margin: auto;
        margin-right: 3%;
        vertical-align: middle;
        width: 240px;
        max-width: 70%;
    }
    .mobile .top .search form {
        background: white;
        border: 2px solid #008542;
        box-sizing: border-box;
        height: 2em;
        width: 100%;
        max-width: 100%;
    }
    .mobile .top .search input[name="q"] {
        border: none;
        padding: 0 0 0 0.5em;
        height: 2em;
    }
    .mobile .top .search input[type="submit"] {
        background-image: url('/engineering/wp-content/themes/engineering/imgs/search-button.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        background-color: #008542;
        border: 0px;
        box-sizing: content-box;
        float: right;
        padding: 1px;
        height: 2em;
        width: 2em;
        -webkit-appearance: none;
    }
    .mobile .ecs-wordmark {
        display: block;
        font-weight: 500;
        margin: 0 auto;
        padding: 1em;
        text-align: right;
        text-transform: uppercase;
        vertical-align: bottom;
    }
    .mobile .ecs-wordmark a {
        color: #444;
        line-height: 120%;
    }
    .mobile .ecs-wordmark strong {
        font-size: 1.5em;
        font-weight: 700;
    }
    .desktop {
        display: none;
    }
    .content img {
        display: inline-block;
    }
    #content .top {
        background-color: #8B8178;
        border-top: 0.5em solid #fff;
        overflow: auto;
    }
    #content .top .title {
        color: white;
        font-size: 1.9em;
        line-height: 1em;
        margin: 0.2em auto;
        margin-top: 0.3em;
        margin: 0 auto;
        text-transform: uppercase;
        /*width: 94%;*/
        padding: 6px 0 5px 20px;
    }
    #content .top.short-image .headerImage {
        width: 100%;
    }
    #content.full-page .side-nav {
        display: block;
        float: none;
        letter-spacing: 1px;
        margin: 1em auto;
        width: 50%
    }
    #content.full-page .side-nav ul li:after {
        width: 96%;
    }
    /* #content .side-nav ul li a:visited {
                    color: #444;
                } */
    #content.full-page .content {
        display: block;
        margin: 0 auto;
        width: 90%;
    }
    .breadcrumb {
        color: #444;
        margin: 1em auto;
    }
    .breadcrumb a {
        text-decoration: underline;
    }
    .breadcrumb a:first-child:before {
        content: ">> ";
    }
    .breadcrumb a:last-child {
        font-weight: bold;
    }
    #content .content {
        display: block;
        line-height: 140%;
        margin: auto;
        overflow: visible;
        width: 90%;
    }
    .content table {
        width: 100%;
    }
    .content table, .content th, .content td {
        border: 1px solid #d2d2d2;
        border-collapse: collapse;
    }
    .content table tr:nth-child(even) {
      /*  background-color: #f0f0f0; */
        /* this color commented out by Christy Glaze, 2/8/21, to meet accessibility requirements */
    }
    .content table tr:nth-child(odd) {
        background-color: white;
    }
    .content th, .content td {
        padding: 5px;
        text-align: center;
        vertical-align: middle;
    }
    .content .glance-table {
        box-sizing: border-box;
        border: 1px solid black;
        padding: 0;
        width: 100%;
    }
    .content .glance-table .col-33 {
        border: 1px solid #d2d2d2;
        box-sizing: border-box;
        margin: 1%;
        padding: 1%;
        width: 98%;
    }
    .content .glance-table .col-33:nth-of-type(odd) {
        background: #f0f0f0;
    }
    .content .glance-table .column {
        box-sizing: border-box;
        border: 1px solid #d2d2d2;
        float: left;
        margin: 1%;
        overflow: hidden;
        padding: 1%;
        width: 98%;
    }
    .content .glance-table .column:nth-of-type(odd) {
        background: #f0f0f0;
    }
    .content .table {
        border: 1px solid black;
        border-collapse: separate;
        border-spacing: 5px;
        display: table;
        width: 100%;
    }
    .content .table .row {
        display: table-row;
    }
    .content .table .cell {
        border: 1px solid #d2d2d2;
        display: table-cell;
        padding: 1%;
    }
    
    .content .table .cell:nth-of-type(odd) {
         /*  background-color: #f0f0f0; */
        /* this color commented out by Christy Glaze, 2/8/21, to meet accessibility requirements */
    } 
        
        .content .table .cell-new{
            border: 1px solid #d2d2d2;
        display: table-cell;
        padding: 1%;
            background-color:#dddddd;
            text-align:center;
        }
    /* Adding Figures */
    #content .content .figure {
        box-sizing: border-box;
        width: 100%;
    }
    #content .content .figure.left {
        float: left;
    }
    #content .content .figure.right {
        float: right;
    }
    #content .figure.left::after, #content .figure.right::after {
        height: 0.5em;
    }
    .figcaption {
        margin: 0 auto;
        margin-bottom: 1em;
        text-align: center;
    }
    .gray-box {
        background: #eee;
        box-sizing: border-box;
        clear: both;
        overflow: auto;
        margin-bottom: 1em;
        text-align: center;
    }
    .gray-box p {
        padding: 0 1em;
        text-align: left;
    }
    #content .callout {
        margin: auto;
        overflow: auto;
        max-width: 300px;
    }
    #content .callout h3 {
        font-weight: bold;
    }
    #content .callout p {
        box-sizing: border-box;
        color: white;
        padding: 0 12px;
    }
    .right .share {
        background: #666;
        border-top: 1px solid #777;
        margin: auto;
        overflow: hidden;
        /*text-align: center;	*/
        max-width: 300px;
    }
    #content .right .share h2 {
        color: white;
        margin: 0.5em auto;
        padding: 0 12px;
        text-align: left;
    }
    #content .right .share p {
        color: white;
        padding: 0 12px;
        text-align: left;
    }
    .right .share .social {
        background: url('/engineering/wp-content/themes/engineering/imgs/share-bg.png') left center repeat-x scroll;
        text-align: center;
    }
    .right .share .social a {
        display: inline-block;
        margin: auto 1%;
        vertical-align: top;
        width: 23%;
    }
    .right .share-button {
        display: inline-block;
    }
    #content .side-nav {
        margin: 1em auto;
        width: 100%;
    }
    #content .side-nav ul {
        background: #EEE;
        list-style-type: none;
        margin: 0 auto;
        margin-bottom: 1em;
        max-width: 480px;
        overflow: hidden;
        padding-left: 0;
        text-transform: uppercase;
    }
    #content .side-nav ul li {
        border-bottom: 1px solid #999;
        font-size: 1em;
        margin: 0;
        padding: 0.3em 0;
        width: 100%; /* dawn 2/3/2022 */
    }
    #content .side-nav ul li:last-of-type {
        border-bottom: none;
    }
    #content .side-nav ul li a {
        color: #000;
        display: block;
        font-weight: bold;
        padding: 3px;
        padding-left: 1em;
    }
    #content .side-nav ul, #content .side-nav ul li ul, #content .side-nav ul li ul li ul {
        padding-left: 0;
    }
    /*#content .side-nav ul li a.active { color: white; }*/
    #content .side-nav ul li ul {
        margin: 0;
        margin-top: 0.2em;
        box-sizing: border-box;
    }
    #content .side-nav ul li ul li {
        border-bottom: none;
        font-size: 0.9em;
        margin-left: 0;
        padding: 0;
    }
    #content .side-nav ul li ul li a {
        padding: 0.2em 1em;
        padding-left: 2em;
    }
    #content .side-nav ul li ul li ul li {
        font-size: 1em;
        text-transform: capitalize;
    }
    #content .side-nav ul li ul li ul li a {
        padding: 0.2em 1em;
        padding-left: 3em;
    }
    #departments {
        margin: 0 auto;
        text-align: center;
    }
    #departments h1 {
        color: #444;
        font-weight: normal;
    }
    #departments ul li {
        display: inline-block;
        margin: 0.5em 0.25em;
        vertical-align: top;
        width: 33%;
        min-width: 136px;
    }
    #departments ul li a {
        color: #444;
    }
    #footer {
        background: #333;
        color: #ccc;
        padding: 0.5em 0;
        text-align: center;
        vertical-align: top;
    }
    #footer a {
        color: #CCC;
    }
    #footer h1 {
        background: #C75B12;
        color: white;
        margin: 0.25em auto 0.5em;
        padding: 0.25em;
        text-transform: uppercase;
    }
    #footer h1 a {
        color: #fff;
    }
    #footer .left, #footer .right {
        display: inline-block;
        vertical-align: top;
    }
    #footer .left {
        text-align: right;
    }
    #footer .left h2 {
        font-weight: normal;
        line-height: 120%;
        margin-top: 0;
        text-transform: uppercase;
    }
    #footer .left h2 strong {
        font-weight: bold;
    }
    #footer .mobile {
        display: block;
        margin: 1em auto;
        text-align: center;
        width: 90%;
    }
    #footer .mobile .left {
        border: none;
        display: inline-block;
        margin-top: 0;
        text-align: center;
    }
    #footer .mobile .left p:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #footer .mobile .right {
        display: block;
        margin: 1em auto;
    }
    #footer .mobile .right .social li {
        display: inline-block;
        margin: 0 1%;
        width: 25%;
        max-width: 4em;
    }
    #footer .desktop {
        display: none;
    }
    #footer .f-wordmark {
        font-family: Helvetica;
        font-size: 1em;
        margin: 0;
        margin-top: 2em;
    }
    .f-wordmark strong {
        font-size: 1.5em;
        font-weight: 900;
        letter-spacing: 1px;
        padding-right: 2px;
        text-transform: uppercase;
    }
    }
    
    @media (max-width: 639px) {
        .ranking-box{
            height: auto;
        }
        .ranking-box-margin{
            margin-bottom:0px;
        }
    }
    
    /* ============================================================================= 
            iphone/ipod/android landscape
       ============================================================================= */
    @media (min-width: 480px) {
    .clearfix div.col-25 {
        width: 48%;
        float: left;
    }
    .clearfix div.col-25:first-child {
        margin-right: 3%;
    }
    
        
    .mobile .top {
        background: #C75B12;
        overflow: auto;
        padding: 3%;
    }
    .mobile .top h1 {
        color: #fff;
        font-size: 1.5em;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
    }
    /* Image & Figure Styling */
    #content .content .figure {
        padding: 0 1em;
    }
    #content img.image-25, #content .content .figure.image-25 {
        width: 25%;
    }
    #content .image-25.left, #content .content .figure.image-25.left {
        box-sizing: border-box;
        float: left;
        padding-right: 2%;
    }
    #content .image-25.right, #content .content .figure.image-25.right {
        box-sizing: border-box;
        float: right;
        padding-left: 2%;
    }
    /* Clearfixes */
    .clearfix div.col-25 {
        width: 48%;
    }
    .clearfix div.col-25:last-child {
        margin-left: 2%;
    }
        
    
        
    .content .glance-table .column.col-25 {
        margin-left: 1%;
    }
    /* Figures */
        
        
    .gray-box img {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
    /* Media Spotlight Media Feed */
    .media-feed {
        width: 90%;
    }
    #departments ul li {
        width: 25%;
    }
    #footer .left h2 {
        font-weight: normal;
        line-height: 120%;
        margin-top: 0;
        text-transform: uppercase;
    }
    #footer .left h2 strong {
        font-weight: bold;
    }
    #footer .mobile {
        display: inline-block;
        margin: 1em auto;
        text-align: center;
        width: 95%;
    }
    #footer .f-wordmark {
        font-size: 1.5em;
        margin-top: 1em;
    }
    
    }
    
    /* Circle Chart */
    .circle-chart-container {
      clear: left;
      float: left;
      position: relative;
      max-width: 166px;
      min-width: 166px;
      width: 100%;
    }
    
    .circle-chart {
      overflow: visible;
    }
    
    .circle-chart-circle {
      animation: circle-chart-fill 1.35s reverse;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transform-origin: center;
    }
    
    .circle-chart-two {
      left: 15%;
      max-width: 70%;
      position: absolute;
      top: 15%;
    }
    
    .circle-chart-percentage {
      -webkit-animation: fade-in-text 2.2s 0.1s forwards;
      -moz-animation: fade-in-text 2.2s 0.1s forwards;
      animation: fade-in-text 2.2s 0.1s forwards;
      font-size: 20px;
      font-weight: 700;
      position: absolute;
    }
    
    .circle-chart-maxlabel {
      -webkit-animation: fade-in-text 2.2s 0.1s forwards;
      -moz-animation: fade-in-text 2.2s 0.1s forwards;
      animation: fade-in-text 2.2s 0.1s forwards;
      font-size: 13px;
      font-weight: 700;
      position: absolute;
      color: #595959;
      left: 37px;
      top: -10px;
      font-weight: 300;
      font-style: italic;
    }
    
    .circle-chart-one-percentage {
      left: 55px;
      top: 64px;
    }
    
    .circle-chart-two-percentage {
      left: 55px;
      top: 88px;
    }
    
    .circle-label {
      text-align: center;
      margin-top: 180px;
      font-weight: 700;
    }
    
    @keyframes circle-chart-fill {
      to {
        stroke-dasharray: 0 100;
      }
    }
    
    .post-grad-salary ul {
      list-style: none;
      margin-left: -60px;
    }
    
    .post-grad-salary li {
      display: inline-block;
      margin: 30px;
    }
    
    .legend-labels {
      font-size: 13px;
      text-align: left;
      display: inline-block;
      margin-top: 8px;
    }
    .legend-labels svg {
      margin-left: 6px;
    }
    
    .about-infograph-title {
        font-size: 20px;
        font-weight: bold;
        color: grey;
        text-transform: uppercase;
        display: block;
        margin-top: 10px;
    }
    
    /* ============================================================================= 
            ipad?
       ============================================================================= */
    @media (min-width: 640px) {
    /* Image Styling */
    #content img.image-100 {
        width: 100%;
    }
    #content img.image-75 {
        width: 75%;
    }
    #content img.image-66 {
        width: 66%;
    }
    #content img.image-60 {
        width: 60%;
    }
    #content img.image-50 {
        width: 50%;
    }
    #content img.image-40 {
        width: 40%;
    }
    #content img.image-33 {
        width: 33%;
    }
    #content img.image-25 {
        width: 25%;
    }
    #content img.left {
        box-sizing: border-box;
        float: left;
        padding-right: 2%;
    }
    #content img.right {
        box-sizing: border-box;
        float: right;
        padding-left: 2%;
    }
    /* Clearfixes */
    .clearfix div {
        float: left;
    }
    .clearfix div:nth-child(2) {
        float: right;
    }
    .clearfix .col-65 {
        width: 64%;
    }
    .clearfix .col-35 {
        width: 34%;
    }
    .clearfix .col-38 {
        width: 38%;
    }
    .clearfix .col-50 {
        width: 49%;
    }
    .clearfix div.col-33 {
        width: 31%;
        margin-left: 2%;
        float: left;
    }
    .clearfix div.col-33:first-child {
        margin-left: 1%;
    }
    .clearfix div.col-25 {
        width: 23%;
        margin-left: 2%;
        float: left;
    }
    .clearfix div.col-25:first-child {
        margin-left: 1%;
        margin-right: 0;
    }
    
        
    .clearfix div:first-child div, .clearfix div:nth-child(2) div {
        float: none;
    }
    .clearfix.glance-table div:nth-child(2) div {
        float: left;
    }
    .content .glance-table .col-33 {
        border: 1px solid #d2d2d2;
        box-sizing: border-box;
        margin: 1% 0;
        padding: 1%;
        width: 32%;
    }
    .content .glance-table .col-33:nth-of-type(odd) {
        margin: 1%;
    }
    /* Figures and Captions */
    #content .content .figure.w25 {
        width: 25%;
    }
    #content .content .figure.w50 {
        width: 50%;
    }
    .figcaption {
        margin-bottom: 0;
    }
    .gray-box img {
        width: 33%;
        margin-right: 2%;
    }
    #footer .mobile .left {
        border-right: 1px solid #AAA;
        padding-right: 2%;
        text-align: right;
    }
    #footer .left h2 {
        text-align: right;
    }
    #footer .mobile .right {
        display: inline-block;
        margin: 0;
        padding-left: 2%;
    }
    #footer .mobile .right .social li {
        width: 4em;
    }
    #footer .mobile .right .social li:first-child,  #footer .mobile .right .social li:nth-child(2) {
        margin-bottom: 1em;
    }
    #footer .mobile .right .social li:first-child,  #footer .mobile .right .social li:nth-child(4) {
        margin-right: 1em;
    }
    #footer .f-wordmark {
        font-size: 2em;
    }
    /*#content .side-nav ul li a:hover:before {
            content: ">> ";
        }*/
    }
    
    @media (min-width: 768px) {
    /*#content .side-nav {
            box-sizing: border-box;
            display: inline-block;
            float: left; 
            margin: 1% 0px;
            width: 20%;
        }
            #content .side-nav ul li {
                box-sizing: border-box;	
            }
                #content .side-nav ul li a {
                    box-sizing: border-box;
                    width: 100%;
                }*/
    #content .left {
        float: left;
        width: 75%;
    }
    #content.page-576 .left {
        width: 73%;
    }
    #content.page-576 .right {
        width: 240px;
        
    }
    #content .left .content {
        width: 70%;
    }
    #content .left .content #accordion {
        width: 100%;
    }
    #content .left .side-nav {
     //margin-left: -2.7%;
        width: 29.4%;
    }
    #content .right {
        float: right;
        overflow: hidden;
        width: 25%;
    }
    #content .left:after, #content .right:after {
        content: "clear";
        display: block;
        visibility: hidden;
    }
    #content .content {
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        margin-top: 1%;
        padding: 0 2.5%;
        width: 96%;
    }
    #departments ul li {
        box-sizing: border-box;
        font-size: 15px;
        margin: 1% auto;
        width: 15%;
        min-width: 120px;
    }
    #footer .mobile .right .social li {
    }
    }
    
    @media (min-width: 960px) {
    html, body {
        background: none;
    }
    /* Header
        ------------------------------------------------------------- */ 
    .mobile, .m-menu {
        display: none;
    }
    .desktop {
        display: block;
    }
    /* Orange Top Navigation Bar */
    #top-nav {
        background: #c95100;
        margin: 0 auto;
        overflow: auto;
        padding: 0.3em 0;
        vertical-align: middle;
        width: 100%
    }
    #top-nav ul {
        display: inline-block;
        margin: auto;
        margin-left: 3%;
        text-align: left;
        vertical-align: middle;
        width: 62%;
    }
    #top-nav ul a {
        color: #fff;
    }
    #top-nav ul li {
        display: inline-block;
        font-size: 0.75em;
        padding: 0.5em 1em;
        margin: auto;
        text-transform: uppercase;
        vertical-align: middle;
    }
    #top-nav ul li:nth-child(2) {
        border-color: #E98300;
        border-style: solid;
        border-width: 0 2px;
    }
    #top-nav .nav-wrap {
        position: relative;
    }
    #top-nav .nav-wrap .search {
        margin: auto;
        display: inline-block;
        margin-right: 3%;
        vertical-align: middle;
        width: 30%;
    }
    #top-nav .nav-wrap .search form {
        background: white;
        border: 2px solid #69be28;
        box-sizing: border-box;
        height: 2em;
        width: 100%;
        max-width: 100%;
    }
    #top-nav .nav-wrap .search input[name="q"] {
        border: none;
        padding: 0 0.5em;
        height: 2em;
        width: 200px;
    }
    #top-nav .nav-wrap .search input[type="submit"] {
        background-image: url('/engineering/wp-content/themes/engineering/imgs/search-button-light-green.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    /*    background-color: #69be28;*/
        /*background-attachment: fixed;*/
        border: 0px;
        box-sizing: content-box;
        float: right;
        padding: 1px;
        height: 2em;
        width: 2em;
        -webkit-appearance: none;
    }
    /* Logo Section and Nav Bar beneath it */
    #logo {
        display: block;
        position: relative;
        vertical-align: bottom;
    }
    #utd {
        vertical-align: middle;
    }
    #jonsson-nav {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 2em;
        text-align: right;
        vertical-align: bottom;
    }
    #jonsson-nav .ecs-wordmark {
        display: inline-block;
        font-weight: 500;
        text-align: right;
        text-transform: uppercase;
        vertical-align: bottom;
    }
    #jonsson-nav .ecs-wordmark a {
        color: #444;
        line-height: 120%;
    }
    #jonsson-nav .ecs-wordmark strong {
        font-size: 1.5em;
        font-weight: 700;
    }
    #jonsson-nav ul {
        margin-top: 0;
        padding: 0;
    }
    #jonsson-nav ul li {
        display: inline-block;
        font-size: 1em;
        margin: 0 auto;
        padding: 0.5em 1em;
        text-transform: uppercase;
    }
    #jonsson-nav ul .active > a{
        font-weight: bold;
    }
    #jonsson-nav ul li a {
        color: #000;
        font-weight: normal;
    }
    #jonsson-nav ul li .sub-nav li a, #jonsson-nav ul li.active:hover .sub-nav li a {
        color: #000;
        font-size: 18px;
        font-weight: bold;
    }
    #jonsson-nav ul li:hover > a, #jonsson-nav ul li:hover.active > a,  #jonsson-nav .about-curr.active:hover a, #jonsson-nav .academics-curr.active:hover a, #jonsson-nav .innovation-curr.active:hover a,  #jonsson-nav .engage-curr.active:hover a, #jonsson-nav .news-curr.active:hover a {
        color: #FFF;
        /*font-weight: bold;*/
    }
    #jonsson-nav .about-curr:hover {
        background-color: #48821C;
    }
    #jonsson-nav .academics-curr:hover {
        background-color: #AD6200;
    }
    #jonsson-nav .innovation-curr:hover {
        background-color: #007FAD;
    }
    #jonsson-nav .engage-curr:hover {
        background-color: #007038;
    }
    #jonsson-nav .news-curr:hover {
        background-color: #BF5712;
    }
    #jonsson-nav ul li:hover > .sub-nav {
        display: inline-block;
        z-index: 20;
    }
    #jonsson-nav ul li a:focus + .sub-nav {
        display: inline-block;
        z-index: 20;
    }
    #jonsson-nav li .sub-nav {
        background: white;
        border-style: solid;
        border-width: 0.5em 0;
        box-sizing: border-box;
        display: none;
        line-height: 140%;
        max-width: 100vw;
        position: absolute;
        top: 100%;
        right: -2em;
        text-align: left;
        width: 960px;
    }
    #jonsson-nav li .sub-nav .navimg {
        background-color: #333;
        box-sizing: border-box;
        float: right;
        height: 340px;
        width: 340px;
    }
    #jonsson-nav li .sub-nav .navimg img {
        max-width: 100%;
    }
    #jonsson-nav li .sub-nav .navimg p {
        color: white;
        letter-spacing: 0px;
        margin: 1em;
        text-transform: none;
    }
    #jonsson-nav li .sub-nav li {
        border-bottom: 1px solid #777;
        display: block;
        margin-left: 3em;
        padding: 0.75em 0;
        text-transform: capitalize;
        width: 23%;
    }
    #jonsson-nav li .sub-nav li:hover {
        background-color: transparent;
    }
    #jonsson-nav li .sub-nav li:hover > a {
        color: #666;
    }
    #jonsson-nav li .sub-nav li:first-of-type {
        margin-top: 1em;
    }
    #jonsson-nav li .sub-nav li:last-of-type {
        border-bottom: none;
        padding-bottom: 1em;
    }
    /* Content
        ------------------------------------------------------------- */ 
    #content-wrap {
        background-image: url('/engineering/wp-content/themes/engineering/imgs/Background.png');
        background-clip: content-box;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding: 1em 0;
    }
    #content {
        background: white;
        line-height: 100%;
        margin: -1em auto;
        min-height: 600px;
        position: relative;
    }
    #content:after {
        background-color: #ddd;
        content: "";
        display: block;
        height: 1px;
        margin: 0 auto;
        position: absolute;
        bottom: 0.1em;
        left: 3%;
        width: 94%;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 1em 1px #000;
        -moz-box-shadow: 0px 0px 1em 1px #000;
        box-shadow: 0px 0px 1em 1px #000;
    }
    #content .breadcrumb {
        display: block;
        margin: 1em;
    }
    #content .content .first {
        margin-top: 0;
    }
    #content #newsfeed {
        font-size: 0;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    /*#content #newsfeed .newsitem {
        display: inline-block;
        font-size: 16px;
        margin-right: 2%;
        margin-left: 0;
        padding: 0;
        position: relative;
        vertical-align: bottom;
        width: 23.5%;
    }*/
    #content #newsfeed .newsitem {
        display: inline-block;
        font-size: 16px;
        margin-right: 1%;
        margin-left: 1%;
        padding: 0;
        position: relative;
        vertical-align: bottom;
        width: 30.5%;
    }
    /*#content #newsfeed .newsitem:nth-of-type(2) {
        margin:0 2%;
    }*/
    #content #newsfeed .newsitem:nth-last-of-type(1) {
        display: none;
    }
        
        
    #content #newsfeed .newsitem:last-child {
        margin-right: 0;
    }
    #content #newsfeed .newsitem img {
        width: 100%;
    }
    #content #newsfeed .newsitem .newscaption {
        background: #69be28;
        opacity: .9;
        color: white;
        font-size: 90%;
        height: 30%;
        padding: 0.5em;
        position: absolute;
        bottom: 0;
        text-align: left;
        z-index: 10;
    }
    #events {
        background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)),  url(https://placeimg.com/960/300/arch);
        background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)),  url(https://placeimg.com/960/300/arch);
        background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)),  url(https://placeimg.com/960/300/arch);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0)),  url(https://placeimg.com/960/300/arch);
        background-repeat: no-repeat;
        background-position: center center;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6 - IE9 */
        margin: 0 auto;
        padding: 2%;
        padding-bottom: 1%;
        width: 92%;
    }
    #events h1 {
        color: #444;
        font-weight: normal;
        margin-top: 0;
        text-transform: uppercase;
    }
    .event {
        display: inline-block;
        font-family: Arial;
        margin: 1em;
        margin-left: 0;
        margin-top: 0;
        vertical-align: top;
        width: 30%;
    }
    .event .date {
        background: #47403B;
        color: white;
        display: inline-block;
        float: left;
        font-weight: bold;
        padding: 0.5em;
        padding-top: 0.6em;
        padding-bottom: 0.4em;
        text-align: center;
        text-transform: uppercase;
        height: 2.5em;
        vertical-align: middle;
        width: 2.5em;
    }
    .event .date span {
        font-size: 150%;
        line-height: 1em;
    }
    .event p {
        font-size: 90%;
        margin: 0 auto;
        margin-left: 4.5em;
        padding: 1em 0;
    }
    .event p a {
        color: #008542;
        font-size: 120%;
        text-decoration: none;
    }
    #events .more {
        background: #47403B;
        color: white;
        display: block;
        font-weight: bold;
        margin-left: -4%;
        padding: 0.3em 4%;
        text-align: center;
        text-transform: uppercase;
        width: 160px;
    }
    #content .content {
        display: inline-block;
        width: 80%;
    }
    #content.full-width-content .content {
        width: 100%;
    }
    #content .side-nav {
        clear: none;
        display: inline-block;
        float: left;
        margin: 1% 0px;
        margin-left: -2%;
        vertical-align: top;
        width: 22%;
        box-sizing: border-box;
    }
    #content .side-nav ul {
    }
    #content .side-nav ul li a {
        display: block;
        padding: 0.5em 1em;
    }
    #content .side-nav ul li {
        /*border: none;*/
        border-bottom: 1px solid black;
        font-weight: bold;
        margin: 0 auto;
        padding: 0;
        padding-top: 0.5em;
    }
    #content .side-nav ul li:last-of-type {
        padding-bottom: 0.5em;
        border-bottom: 0px;
    }
    #content .side-nav .active:last-child:before {
        content: ">> ";
    }
    #content .side-nav .active {
        color: white;
    }
    /*#content .side-nav ul li:after {
        background: #777;
        content: "";
        clear: both;
        display: block;
        height: 1px;
        margin: 0 auto;
        margin-top: 0.5em;
        margin-left: 0;
        width: 90%;
    }
    #content .side-nav ul li:last-child:after, #content .side-nav ul li ul li:after {
        display: none;
    }*/
    #content .side-nav .rel-links {
        margin-left: 15%;
    }
    .content .glance-table .column {
        margin: 0;
    }
    .content .glance-table .col-25 {
        width: 24%;
    }
    .content .glance-table .col-25:first-of-type {
        margin-left: 0;
    }
    .content .glance-table .col-25:last-of-type {
        margin-left: 1%;
    }
    .content .glance-table .column.col-50 {
        width: 49%;
        margin-left: 1%;
    }
    .content .glance-table .column.col-50 .col-50:first-of-type {
        box-sizing: border-box;
        border-right: 1px solid #d2d2d2;
        padding-right: 1%;
    }
    .content .glance-table .column.col-50 .col-50:last-of-type {
        box-sizing: border-box;
        padding-left: 2.5%;
    }
    #content.page-576 .left {
        width: 75%;
    }
    #content.page-576 .right {
        width: 240px;
    }
    #departments {
        color: #444;
        line-height: 130%;
        margin: 1em auto;
        max-width: 960px;
        text-align: center;
        width: 100%;
    }
    #departments h1 {
        font-weight: normal;
        margin-top: 1.5em;
        text-transform: uppercase;
    }
    #departments ul {
        margin: 1em;
    }
    #departments ul li {
        display: inline-block;
        font-size: 16px;
        margin: auto;
        min-width: 90px;
        text-align: center;
        vertical-align: top;
        width: 16%;
    }
    #departments ul li a {
        color: #444;
    }
    #departments ul li:hover {
        font-weight: bold;
    }
    #departments ul li:first-child:hover > a {
        color: #0039A6;
    }
    #departments ul li:nth-child(2):hover > a {
        color: #008542;
    }
    #departments ul li:nth-child(3):hover > a {
        color: #C75B12;
    }
    #departments ul li:nth-child(4):hover > a {
        color: #00A1DE;
    }
    #departments ul li:nth-child(5):hover > a {
        color: #69BE28;
    }
    #departments ul li:last-child:hover > a {
        color: #E98300;
    }
    #departments ul li p {
        margin-top: .5em;
    }
    #departments li .grayscale {
        filter: gray;
        filter: grayscale(1);
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(1);
    }
    #departments li:hover a > .grayscale {
        filter: none;
        -webkit-filter: grayscale(0);
    }
    #departments li:hover a > .grayscale > svg {
        opacity: 0;
    }
    /* Footer
        ------------------------------------------------------------- */ 
    #footer h1 {
        box-shadow: 0 3px 0.8em black;
        padding-top: 0.45em;
    }
    #footer .mobile {
        display: none;
    }
    #footer .desktop {
        display: block;
        margin: auto;
        max-width: 960px;
    }
    #footer .left {
        border-right: 1px solid #aaa;
        padding-right: 1em;
        width: 30%;
    }
    #footer .left h2 {
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.2em;
        margin: 1em auto;
        text-transform: uppercase;
    }
    #footer .left h2 strong {
        font-size: 1.2em;
    }
    #footer .left p {
        font-size: .8em;
    }
    #footer .left li {
        display: inline-block;
        margin: 0 0.2em;
        width: 15%;
    }
    #footer .right {
        padding-left: 1em;
        text-align: left;
        width: 65%;
    }
    #footer .right ul {
        display: inline-block;
        margin: 0;
        margin-left: 2%;
        vertical-align: top;
        width: 14%;
    }
    #footer .right ul:first-child {
        margin-left: 0;
    }
    #footer .right ul h3 {
        text-transform: uppercase;
    }
    #footer .right ul li {
        font-size: 0.8em;
        margin: 1em auto;
    }
    #footer .right ul li:last-child {
        margin-bottom: 0;
    }
    #footer .left a, #footer .right a {
        color: #ccc;
        text-decoration: none;
    }
    }
  
    /*event page border color changes ----------------------------*/
    .page-7506 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button,.page-7554 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button, .page-7626 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button,.page-7557 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button,.page-7562 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button, .page-7545 #content.engage .top, #content.engage .side-nav .active, #content.engage a.button:hover, #content.engage button {
        background-color: #00A1DE;
        border-color: #00A1DE;
    }
    .grad-2020-video{
        height:auto;
        width:75%;
        margin-left:12.5%;
        display:inline-block;
    }
    /*#grad-2020-video-2{
        height:auto;
        width:42.5%;
        margin-left:5%;
        display:inline-block;
    }*/
    
    .grad-2020-no-pdf-symbol > a[href$=".pdf"]{
        padding-left: 0!important;
        background-image:none!important;
    }
    #grad-2020-final-div a[href$=".pdf"]{
        padding-left: 0!important;
        background-image:none!important;
    }
    
    
    
    #ouga-new-faq > div > h3 {
        margin-left:25px!important;
    }
    
    #ouga-new-faq > div > p {
        margin-left:45px!important;
    }
    
    .page-8244 .content a {text-decoration: underline;}
    
    
    .flexslider ul li{margin-left: 0px !important; padding-left: 0px !important;}
    .flex-direction-nav{display:none}
    
    .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;}
        .card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}
    .card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}
    .card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}
    .card-img-top{border-top-right-radius:0}
    .card-img-top{border-top-left-radius:0}
        .card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}
        .card-title{margin-bottom:.75rem}
        .card-text:last-child{margin-bottom:0}
        .border-primary{border-color:#007bff!important}
        
        .content .table .cell-new{
            border: 1px solid #d2d2d2;
        display: table-cell;
        padding: 1%;
            background-color:#dddddd;
            text-align:center;
        }
    
    /* hide buttons on metalider for page Remembering on Comets Giving Days: Goldman Sachs Terrace Opening*/
    #metaslider-id-13958	ol.flex-control-nav {display: none;}	
    
    /*Start of Graduation Slideshow CSS */
    
    /*End of Graduation Slideshow CSS */
    
    /*campus press stuff*/
    
    .mx-0 ul, .px-0 ul{margin: 0px !important; padding: 0px !important}
    .mt-0{margin-top: 0px !important}
    .mb-0{margin-bottom: 0px !important}
    nav ul{width: 100%}
    
    /*CAMPUSPRESS ADDITIONS*/
    
    @media (min-width: 360px) {
        .breadcrumb{width: 96%; margin: 10p auto;}
        .is-layout-flow.wp-block-column.content{padding: 0 30px;}
        .wp-block-columns img{width: 100%; margin-bottom: 20px;}
        .wp-block-image .alignleft, .wp-block-image .alignright{width: 50%; }
    }
    @media (min-width: 576px) {}
    @media (min-width: 768px) {
        .breadcrumb{width: 96%; margin: 10p auto;}
        .is-layout-flow.wp-block-column.content{padding: 0;}
        .wp-block-columns img{width: auto; margin-bottom: 0;}
        .wp-block-image .alignleft, .wp-block-image .alignright{width: auto; }
    }
    @media (min-width: 992px) {}
    @media (min-width: 1200px) {}

    .content table{width: 99%}