@charset "utf-8";
/* CSS Document */



/* >>>>>> HTML Tags <<<<<<<*/

html {
    font-size: 62.5%; /* font-size 1rem = 10px on default browser settings ie 0.6 is 6px and 1.6 is 16px*/
    font-family: 'Roboto', sans-serif;
}

body {
    /*shrink main font - 4-26 -mm*/
    font-size: 2.1rem;
    font-family: 'Roboto', sans-serif;
    /*min-width: 350px;/* min-width for entire site*/
    /* max-width: 100vw;
    font-weight:300;*/
}

a {
    /*color: var(--university-gold);*/
    color: var(--royal-blue);
}

/* >>>>>> Text Elements <<<<<<<*/

h1, h2, h3, h4, h5, h6 {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    /*color: var(--royal-blue);*/
    color: var(--medium-blue);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom:2.5rem;
}

h1 {
    font-size: 3.8rem;
    /*color: var(--medium-blue);*/
}

h2 {
    font-size: 3.2rem;
}

h3 {
    font-size: 2.8rem;
}

h4 {
    font-size: 2.5rem;
}

h5 {
    font-size: 2.3rem;
}

h6 {
    font-size: 2.0rem;
}


/* h1 for page title */
h1.title, header h1 {
    font-size: 4.4rem;
}


p {
    font-family: 'Roboto', sans-serif;
    line-height: 1.9;
    color: var(--copy);
    /*shrink main font - 4-26 -mm*/
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 3rem;
    margin-top: 2.5rem;
    overflow-wrap: break-word;
}



b, strong {
    font-weight: 700;
}

/* >>>>>> Links <<<<<<<*/

p a {
    color: var(--royal-blue);
}

p a {
    text-decoration: underline;
    /*font-weight:400;*/
}

    p a:hover, section a:hover, article a:hover {
        -webkit-animation: link-color 1s;
        animation: link-color 1s;
    }


/* >>>>>> List Elements <<<<<<<*/
ul, ol, li {
    color: var(--copy);
    font-size: 2.1rem;
    font-weight: 300;
    line-height: 1.8;
}

ul {
    list-style: none; /* Remove default bullets */
}

    ul li::before {
        content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: var(--royal-blue); /* Change the color */
        font-weight: bold; /* If you want it to be bold */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 2.5rem;
        /*margin-left: 1rem;*/ /* Deleted 9/23/21 causing alignment issues with before items - Also needed for space (tweak if needed) */
    }

    ul li ul li::before {
        content: "\203a";
        color: var(--university-gold);
        margin-left: 4rem;
        width: 3rem;
    }

    ul.extraSpace li {
        margin-bottom:25px;
    }
/*shrink to 20 - 4-26 -mm*/
.mainContent ul li, .mainContent ol li {
    margin-bottom: 20px;
}

    .mainContent ul li ul, .mainContent ol li ol {
        margin-top: 20px;
    }

    .mainContent ol li a, .mainContent ul li a {
        text-decoration: underline;
    }

/* >>>>>> small text css <<<<<<<*/
.smallText {
    font-size: 1.8rem;
}

ul.smallText, ol.smallText, ul.smallText li, ol.smallText li {
    font-size: 1.8rem;
    line-height: 1;
}

 /* >>>>>> Table <<<<<<<*/
    /* parent allows scrolling for mobile*/
    .tableScroll, tablescroll, TableScroll, Tablescroll {
        overflow-x: auto;
    }		  
table { 
  width: 100%; 
  border-collapse: collapse; 
	color:var(--copy);
	font-weight:200;
}

    table.tinyTable, table.tinyTable tr, table.tinyTable th, table.tinyTable td, table.tinyTable p {
        font-size: 1.5rem !important;
    }

/* Zebra striping */
tr:nth-of-type(odd) {
    background: #eee;
}
th { 
  background: var(--BG-medium-blue); 
  color: white; 
  font-weight: 600;
font-family: proxima-nova, sans-serif;
	text-transform:uppercase;
}
td, th { 
  padding: 7px 15px; 
  border: 4px solid white;
  text-align: left; 
}

table.smallTableText, table.smallTableText tr, table.smallTableText td table.smallTableText a, table.smallTableText th, table.smallTableText p {
    font-size: 1.9rem;
}

/* Table Overflow Scroll for mobile */

.tableScroll.scrollAlert:after {
    content: "Table Scrolls \25BA";
    color: white;
    width: 25px;
    height: 50vh;
    position: fixed !important;
    right: 0px;
    top: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% 0 0 50%;
    background: -moz-linear-gradient(top, rgba(0,53,148,0) 0%, rgba(0,53,148,1) 27%, rgba(0,53,148,1) 72%, rgba(0,53,148,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,53,148,0) 0%,rgba(0,53,148,1) 27%,rgba(0,53,148,1) 72%,rgba(0,53,148,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,53,148,0) 0%,rgba(0,53,148,1) 27%,rgba(0,53,148,1) 72%,rgba(0,53,148,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003594', endColorstr='#00003594',GradientType=0 ); /* IE6-9 */
    /* transform: rotate(-180deg); */
    writing-mode: vertical-lr;
    text-align: center;
    text-transform: uppercase;
    font-family: proxima-nova, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 10px;
}


/* >>>>>> List Blockquote <<<<<<<*/
/* Blockquote main style */
blockquote {
    position: relative;
    font-weight: 800;
    padding: 30px 0;
    width: 100%;
    max-width: 75%;
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: var(--university-gold);
    color: var(--royal-blue);
}

    /* Blockquote header */
    blockquote p {
        position: relative;
        color: var(--royal-blue);
        font-size: 2.1rem;
        font-weight: 300;
        line-height: 1.5;
        margin: 0;
    }

    /* Blockquote right double quotes */
    blockquote:after {
        font-family: 'Proxima Nova', sans-serif;
        position: absolute;
        content: "”";
        color: var(--royal-blue);
        font-size: 13rem;
        line-height: 0;
        bottom: -30px;
        right: 30px;
    }

/* increase header size after 600px */
@media all and (min-width: 600px) {
    blockquote p {
        /* font-size: 3.1rem;*/
    }
}

/* Blockquote subheader */
blockquote cite {
    color: var(--copy);
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 20px 38px 10px 10px;
    width: 100%;
    display: block;
    text-align: right;
}

    blockquote cite::before {
        content: "— ";
    }


    /* >>>> BUTTON ITEMS <<<<<*/
    /* --- Standard Button --- */
    button {
    background-color: #ffffff;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-size: 2.8rem;
    color: var(--royal-blue);
    padding: 1.4rem 7rem;
    border: 6px solid;
    border-color: var(--university-gold);
    margin: 1.5rem;
    text-transform: uppercase;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

/* --- Blue Stroke Button --- */
.buttonblue {
    border-color: var(--royal-blue);
}

/* --- Blue Background Button --- */
.buttonblueBG {
    border-color: var(--university-gold);
    color: var(--white-text);
    background-color: var(--BG-royal-blue);
}

/* --- Yellow Background Button --- */
.buttonyellowBG {
    border-color: var(--royal-blue);
    color: var(--royal-blue);
    background-color: var(--BG-university-gold);
}

/* --- Standard Hover --- */
button:hover {
    border-color: var(--royal-blue);
    color: var(--royal-blue);
    background-color: var(--BG-university-gold);
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

/* --- Blue BG Hover --- */
.buttonblueBG:hover {
    background-color: #ffffff;
}

/* --- Yellow BG Hover --- */
.buttonyellowBG:hover {
    border-color: var(--university-gold);
    color: var(--royal-blue);
    background-color: #ffffff;
}

.buttonSmall {
    font-weight: 700;
    font-size: 1.9rem;
    padding: 0.6rem 5rem;
    border-width: 4px;
}


/* --- Button Drop Shadow --- */

.dropArrow {
    /* (right-left, up-down, blur, color )*/
    -webkit-filter: drop-shadow( 0px 0px 3.0rem rgba(0, 0, 0, .4));
    filter: drop-shadow( 0px 0px 3.0rem rgba(0, 0, 0, .4));
}

.dropSmall {
    /* (right-left, up-down, blur, color )*/
    -webkit-filter: drop-shadow( 0px 0px 1.0rem rgba(0, 0, 0, .4));
    filter: drop-shadow( 0px 0px 1.0rem rgba(0, 0, 0, .4));
}

/* --- Nav Arrows --- */
.navArrowBlue:hover, .navArrowYel:hover, .navArrowWhite:hover {
    cursor: pointer;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/*filter calc https://codepen.io/sosuke/pen/Pjoqqp */
.navArrowBlue:hover {
    filter: invert(61%) sepia(77%) saturate(441%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.navArrowYel:hover {
    filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(2673%) hue-rotate(213deg) brightness(90%) contrast(104%);
}

.navArrowWhite:hover {
    filter: brightness(0) saturate(100%) invert(13%) sepia(49%) saturate(5786%) hue-rotate(216deg) brightness(93%) contrast(101%);
}


/* >>>> CIRCLE <<<<<*/

/* --- Circle Feature --- */
.circleStat {
    display: inline-block;
    border-radius: 50%;
    width: 17vw;
    height: 17vw;
    min-width: 23.0rem;
    min-height: 23.0rem;
    max-width: 28.0rem;
    max-height: 28.0rem;
    line-height: 12.5px;
    border-color: var(--university-gold);
    border-width: 1.2rem;
    border-style: solid;
    margin: 1.0rem;
    text-align: center;
    /* use .BGRoyalToDark class for background*/
}

.circleText {
    width: 100%;
    height: 100%;
}

    .circleStat h1 {
        font-size: 5.2rem;
        font-weight: 800;
        color: #ffffff;
        position: relative;
        top: 25%;
        text-transform: uppercase;
        margin-bottom:5px;
    }

    .circleStat h2 {
        font-size: 2.0rem;
        font-weight: 900;
        color: #ffffff;
        position: relative;
        bottom: -30%;
        text-transform: uppercase;
    }

/* --- Circle Content Area Block --- */

.contentStats .circleStat h1 {
    font-size: 4.0rem;
    padding-bottom: 0px;
}

.contentStats .circleStat h2 {
    font-size: 1.6rem;
    font-weight: 500;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0px;
}

.contentStats .circleStat {
    min-width: 26.0rem;
    min-height: 26.0rem;
    max-width: 29.0rem;
    max-height: 29.0rem;
    margin: 2.0rem 1.0rem;
}

/* >>>>  VideoFeature <<<<<*/
section.videoFeature .videoFeatureRTF {
    padding:10px;

}

    section.videoFeature .videoFeatureRTF h1, section.videoFeature .videoFeatureRTF h2, section.videoFeature .videoFeatureRTF h3, section.videoFeature .videoFeatureRTF h4, section.videoFeature .videoFeatureRTF h5 {
        margin:5px;
        padding:5px;
    }

    section.videoFeature .videoFeatureRTF .buttonSmall {
    margin:10px;}

    section.videoFeature .videoFeatureRTF p {
        margin:15px 0px;
    }


/* >>>>  Spotlight <<<<<*/
.spotlight {
    padding-top: 100px;
    padding-bottom: 130px;
}

    .spotlight .buttonSmall {
        /*max-height: 4.9rem;*/
        overflow: hidden;
        width: 80%;
        max-width: 500px;
    }

    .spotlight .title {
        padding-bottom: 70px;
        padding-top: 10px;
    }

    .spotlight button {
        width: 80%;
        max-height: 7.9rem;
        overflow: hidden;
        padding: 1.4rem 3rem;
    }

    .spotlight .buttonLarge {
        min-width: 375px;
    }

/* >>>> Footer <<<<<*/

footer a {
    color: var(--fixed-university-gold);
    font-size: 1.8rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

    footer a:hover {
        /*-webkit-animation: foot-link-color 1s;
	animation: foot-link-color 1s;*/
        -webkit-animation: none;
        animation: none;
        color: var(--fixed-white);
        text-decoration: none;
    }

footer ul, footer ul li {
    list-style: none;
}

    footer ul li {
        line-height: 1.5;
    }

        footer ul li::before {
            content: none;
        }

footer.masterFoot {
    min-height: 90vh;
    padding-top: 100px;
    position:relative;
}

footer .pittFoot {
    padding: 0 3vw 0 8vw;
    text-align: left;
    max-width: 450px;
}

    footer .pittFoot .excelWM img {
    }

    footer .pittFoot .address {
        font-family: proxima-nova, sans-serif;
        font-size: 1.8rem;
        color: var(--fixed-white);
        text-transform: uppercase;
        padding-left: 6px;
    }

    footer .pittFoot .excelWM, footer .pittFoot .address, footer .pittFoot .social {
        padding-bottom: 40px;
    }

    footer .pittFoot .social {
        position: relative;
        left: -8px;
    }

    footer .pittFoot .uPittWM {
        padding-bottom: 200px;
        padding-left: 5px;
    }

footer .copyright {
    color: var(--university-gold);
    font-size: 1.0rem;
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 20px 0px;
    margin: 0;
    text-shadow: 0px 4px 2px #1C2957, 0px -4px 2px #1C2957, 4px 0px 2px #1C2957, -4px 0px 2px #1C2957, -4px 0px 12px #1C2957;
    display:block;
    position:absolute;
    bottom:5px;
}

    footer .copyright strong {
        text-transform: uppercase;
        font-weight: normal;
    }

footer .social img:hover {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    cursor: pointer;
    filter: grayscale(100%);
}

/* >>>> Home News <<<<<*/

/* homeNews and newsMain - the heights need to match */
section.homeNews {
    background-image: url("../gfx/bgs/circle1.jpg");
    background-position: center;
    background-size: cover;
    /* 200 is the height of the nav - change below .newsMain as well*/
    height: calc(100vh - 200px);
    /*height:100vh;*/
    min-height: 700px;
}

/* homeNews and newsMain - the heights need to match */
.newsMain {
    /* 330 is (200 for the nav and 130 for the pause button row)*/
    height: calc(100vh - 330px);
    min-height: 570px;
    /*height:100%;*/
}


.homeNews .pausePlay {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: var(--fixed-charcoal);
    border: 5px solid white !important;
    margin: 50px auto 30px auto;
    padding: 0px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

    .homeNews .pausePlay:hover {
        background-color: var(--fixed-royal-blue);
    }

    .homeNews .pausePlay .ppToggle {
        width: 16px;
        height: 16px;
        border-top: 8px solid transparent;
        border-left: 16px solid #fff;
        border-bottom: 8px solid transparent;
        margin-left: 5px;
    }

    .homeNews .pausePlay .ppTogglePause {
        width: 12px;
        height: 16px;
        border-top: none;
        border-bottom: none;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        margin-left: 0px;
    }

    /* this is the pause state - will need to code JS  */
    .homeNews .pausePlay:hover .ppToggle {
        width: 12px;
        height: 16px;
        border-top: none;
        border-bottom: none;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        margin-left: 0px;
    }

/*.homeNews .pausePlay .ppTogglePause {
    width: 12px;
    height: 16px;
	border-top: none;
	border-bottom: none;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
	margin-left:0px;
}*/



.newsMain .navArrowWhite {
    max-width: 60px;
}

.newsMain .arrowCol:hover .navArrowWhite {
    filter: brightness(0) saturate(100%) invert(13%) sepia(49%) saturate(5786%) hue-rotate(216deg) brightness(93%) contrast(101%);
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.newsMain .arrowCol:hover {
    cursor: pointer;
}

.newsBdr {
    border-left: 7px;
    border-right: 7px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
}

.newsMain .newsHeadlineBox {
    width: 100%;
    background-color: var(--fixed-medium-blue);
    color: var(--university-gold);
    min-height: 125px;
    margin-bottom: 50px;
    padding: 30px 4vw;
}

    .newsMain .newsHeadlineBox header {
        text-transform: uppercase;
        font-family: proxima-nova, sans-serif;
        font-weight: 700;
        font-size: 3.3rem;
        line-height: 1.2;
    }

        .newsMain .newsHeadlineBox header a {
            color: var(--fixed-university-gold);
        }

            .newsMain .newsHeadlineBox header a:hover {
                -webkit-animation: gold-white-gold-fixed 1s;
                animation: gold-white-gold-fixed 1s;
                text-decoration: none !important;
            }

    .newsMain .newsHeadlineBox p.newsSummary {
        color: var(--fixed-university-gold);
        font-size: 2.1rem;
        line-height: 1.2;
        padding-bottom: 0px;
        margin: 10px 0px 5px 0px;
    }



.vsspacingdeleteme {
}
/* >>>> Home Engineering Focus <<<<<*/
.engrFocus {
}

    .engrFocus .navArrowYel {
        max-width: 60px;
    }

    .engrFocus header {
        margin-bottom: 40px;
    }

    .engrFocus.carouselContainer {
        width: 100%;
        height: auto;
    }

        .engrFocus .carouselContainer .carousel {
            width: 100%;
            height: auto;
        }

    .engrFocus .textPhoto {
    }



        .engrFocus .textPhoto .photo img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

    .engrFocus .text {
        padding-left: 30px;
    }

        .engrFocus .text p {
            font-size: 2.0rem;
            max-height: 240px;
            overflow: hidden;
            line-height: 1.5;
        }

    .engrFocus .textPhoto {
    }

/* >>>> Home Just Text <<<<<*/
section.textOnly p, section.textOnly ol, section.textOnly ul, section.textOnly ol li, section.textOnly ul li {
    font-size: 2.0rem;
    margin-bottom: 20px;
}

section.textOnly h2, section.textOnly h2 {
    margin: 30px 0px 50px;
}

section.textOnly .textOnlyButton {
    text-align: center;
}

section.textOnly {
    background-position: center;
    background-size: cover
}
/* >>>> Block Carousel <<<<<*/

.carouselBlock .carousel-control-prev-icon, .carouselBlock .carousel-control-next-icon {
    width: 50px;
    height: 50px;
    webkit-filter: drop-shadow( 0px 0px 0.5rem rgba(0, 0, 0, .9));
    filter: drop-shadow( 0px 0px 0.5rem rgba(0, 0, 0, .9));
    color:#fff;
    opacity:0.9;
}

    .carouselBlock .carousel-control-prev-icon:hover, .carouselBlock .carousel-control-next-icon:hover, .carouselBlock .carousel-indicators li:hover {
        filter: brightness(0) saturate(100%) invert(13%) sepia(49%) saturate(5786%) hue-rotate(216deg) brightness(93%) contrast(101%);
    }

.carouselBlock .carousel-indicators li {
    height: 8px;
    webkit-filter: drop-shadow( 0px 0px 0.5rem rgba(0, 0, 0, .9));
    filter: drop-shadow( 0px 0px 0.5rem rgba(0, 0, 0, .9));
}

.carouselBlock .carousel-indicators li.active {
background-color:var(--university-gold);
}

.carouselBlock .caption-title {
    font-size: 1.8rem;
    padding-top: 12px;
    position: relative;
    top: 6px;
    font-weight: 300;
}


/* >>>> Home Slick Carousel <<<<<*/
.slick-next {
    right: 50px !important;
}

.slick-next, .slick-prev {
    top:35% !important;
}

.slick-prev::before {
    content: '\2039' !important;
}

.slick-next::before {
    content: '\203A' !important;
}

.slick-prev:hover, .slick-next:hover {
    animation: none !important;
}

    .slick-next::before, .slick-prev::before {
        font-family: proxima-nova, sans-serif !important;
        font-size: 200px !important;
        opacity: 1 !important;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important;
    }

    .slick-prev:hover::before, .slick-next:hover::before {
        color: var(--university-gold) !important;
        /*text-shadow: 0px 0px 10px rgba(255, 255, 255, 1) !important;*/
    }


    /* >>>>>>>>>>>>>   SUB PAGE TEMPLATES  <<<<<<<<<<<<<<<<<  */
    /* >>>> Sub Pages <<<<<*/
main .mainContent {
    /*changed to 1vw on 4/20/21
    padding: 100px 4vw;*/

    padding: 100px 1vw;
    /*forced style for non <p> text might need to be removed
    line-height: 1.9;
    font-weight: 300;
    color: var(--copy);*/
}

    main .mainContent h1, main .mainContent h2 {
        text-transform: uppercase;
    }

    main .mainContent h1 {
        padding-bottom: 40px;
    }

    main .mainContent h2 {
        padding-top: 30px;
    }

    main .mainContent h1 + h2 {
    padding-top:0px;
    }

    .secDropSide {
        box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.1);
    }

/*temp/banners*/
section.largeBanner.bg8, section.slimBanner.bg8 {
    background-image: url("../gfx/bgs/bg8.jpg");
}

section.slimBanner.bg9, section.largeBanner.bg9 {
    background-image: url("../gfx/bgs/bg9-2.jpg");
}

section.largeBanner.bg2, section.slimBanner.bg2 {
    background-image: url("../gfx/bgs/bg2.jpg");
}

section.slimBanner.bg4, section.largeBanner.bg4 {
    background-image: url("../gfx/bgs/bg4.jpg");
}

section.slimBanner.bg6, section.largeBanner.bg6 {
    background-image: url("../gfx/bgs/bg6.jpg");
}

section.slimBanner.bg7, section.largeBanner.bg7 {
    background-image: url("../gfx/bgs/bg7.jpg");
}

section.slimBanner.bg10, section.largeBanner.bg10 {
    background-image: url("../gfx/bgs/bg10.jpg");
}

section.largeBanner {
    background-position: center;
    background-size: cover;
    /* 200 is the height of the nav*/
    height: calc(100vh - 300px);
    min-height: 550px;
}

section.slimBanner {
    background-position: center;
    background-size: cover;
    /* 200 is the height of the nav*/
    height: calc(100vh - 450px);
    min-height: 450px;
}



/* Headline Box*/

.bannerHeadline.bannerNews {
    padding-bottom: 30px;
    background-color: white;
    position: relative;
    top: 15px;
}

.bannerHeadline .bannerHeadlineBox {
    width: 100%;
    background-color: var(--fixed-medium-blue);
    color: var(--university-gold);
    min-height: 125px;
    padding: 30px 3vw;
    align-items: center !important;
    display: flex !important;
    margin-bottom: -1px;
}

    .bannerHeadline .bannerHeadlineBox header {
        text-transform: uppercase;
        font-family: proxima-nova, sans-serif;
        font-weight: 700;
        font-size: 3.3rem;
        line-height: 1.2;
    }

        .bannerHeadline .bannerHeadlineBox header a {
            color: var(--fixed-university-gold);
        }

            .bannerHeadline .bannerHeadlineBox header a:hover {
                -webkit-animation: gold-white-gold-fixed 1s;
                animation: gold-white-gold-fixed 1s;
                text-decoration: none !important;
            }


.mainContent.newsContent .newsButton {
    padding: 40px 0px;
}

.mainContent.newsContent .newsSocial {
}

    .mainContent.newsContent .newsSocial img {
        width: 50px;
        height: auto;
        margin: 50px 40px;
        cursor: pointer;
    }

        .mainContent.newsContent .newsSocial img:hover {
            -webkit-animation: pulse 1s;
            animation: pulse 1s;
            cursor: pointer;
        }

/* Credits */
.newsCredits  {
    padding: 175px 0px;
}

.genericCredits {
    padding: 15px 0px 150px;
}

    .newsCredits .newsTitle, .genericCredits .genTitle {
        font-family: proxima-nova, sans-serif;
        font-weight: 700;
        color: var(--fixed-medium-blue);
        font-size: 1.9rem;
        text-transform: uppercase;
        display: block;
        width: 100%;
    }

    .newsCredits .newsDetails, .genericCredits .genDetails {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        color: var(--copy);
        font-size: 1.9rem;
        display: block;
        width: 100%;
    }

/* 2 column sub page */

.mainColTwo h1 {
}

.mainColTwo .blockContentSocial {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mainColTwo .blockContentSocial img, .mainColTwo .blockContentSocial a {
        width: 50px;
        height: auto;
        margin: 20px auto;
        cursor: pointer;
    }

        .mainColTwo .blockContentSocial img:hover {
            -webkit-animation: pulse 1s;
            animation: pulse 1s;
            cursor: pointer;
        }

/*also one column/full page use*/
.mainContent .blockContent, .mainColOne .blockContent, .mainColTwo .blockContent {
    margin: 40px 0px 40px 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*also one column/full page use*/
    .mainContent .blockContent header, .mainColOne .blockContent header, .mainColTwo .blockContent header {
        font-family: proxima-nova, sans-serif;
        font-weight: 700;
        color: var(--medium-blue);
        text-transform: uppercase;
        font-size: 2.4rem;
        border-width: 0px;
        border-bottom: 2px;
        border-style: solid;
        width: 100%;
        margin-bottom: 15px;
    }

    .mainColTwo .blockContent p {
        font-size: 1.9rem;
        line-height: 1.3;
        color: var(--dark-blue);
        margin: 1rem auto;
    }

    /*also one column/ full page use*/
    .mainContent .blockContent img, .mainColOne .blockContent img, .mainColTwo .blockContent img {
        width: 100%;
        height: auto;
        padding: 10px 0px;
    }

    /*also one column/full page use*/
    .mainContent .blockContent figcaption, .mainColOne .blockContent figcaption, .mainColTwo .blockContent figcaption {
        font-size: 1.2rem;
        font-style: italic;
        text-align: center;
        max-width:350px;
        color:var(--copy);
    }



    /*also one column/full page use*/
    .mainContent .blockContent .buttonBox, .mainColTwo .blockContent .buttonBox {
        text-align: center;
        padding-top: 25px;
    }

    .mainColOne .blockContent .buttonBox {
        text-align: left;
        padding-top: 25px;
    }

    /*Only full page with no photo*/
    .mainContent .blockContent .col-12.fullPage .buttonBox {
        text-align: left;
        padding-top: 25px;
    }


    /*also one column/full page use*/
    .mainContent .blockContent .sideProfile, .mainColOne .blockContent .sideProfile, .mainColTwo .blockContent .sideProfile {
        font-size: 1.6rem;
        color: var(--dark-blue);
        font-weight: 200;
    }

    .mainContent .blockContent .sideProfile {
        padding-top:15px;
    }


        /*also one column/full page use*/
        .mainColTwo .blockContent .sideProfile a {
            color: var(--royal-blue);
        }

        /*also one column/full page use*/
        .mainContent .blockContent .sideProfile .name, .mainColOne .blockContent .sideProfile .name, .mainColTwo .blockContent .sideProfile .name {
            font-family: proxima-nova, sans-serif;
            font-weight: 700;
            text-transform: uppercase;
        }

        /*also one column/full page use*/
        .mainContent .blockContent .sideProfile .title, .mainColOne .blockContent .sideProfile .title, .mainColTwo .blockContent .sideProfile .title {
            font-style: italic;
        }


    .mainContent .blockContent img {
        max-width: 350px;
    }

    .mainColOne .blockContent img {
max-width:350px;
    }

    .mainContent .blockContent .sideProfile {
        font-size: 1.9rem;
    }

    .mainColOne .blockContent .sideProfile {
        font-size: 1.9rem;
    }






/* -+-+-+-+-+-+-+-+-   search results   -+-+-+-+-+-+-+-+-*/
section.searchResults {
    padding-top: 80px;
    padding-bottom: 120px;
}

    section.searchResults .resultItem {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }


    section.searchResults .mainHeadline {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 35px;
        padding-bottom: 15px;
    }

    section.searchResults .searchResTopLink {
        font-family: proxima-nova, sans-serif;
        font-weight: 600;
    }

    section.searchResults .searchExcerpt {
        font-family: 'Roboto', sans-serif;
        line-height: 1.7;
        color: var(--copy);
        font-size: 2.0rem;
        font-weight: 300;
        padding: 15px 0px;
    }

    section.searchResults .quickLink a {
        font-size: 1.6rem;
    }

/* -+-+-+-+-+-+-+-+-   Pagination   -+-+-+-+-+-+-+-+-*/
.paginationContainer {
    margin-bottom:100px;
}

nav ul.pagination li::before {
    content: none;
}

nav ul.pagination li a.page-link {
    border: none;
}

nav .pagination {
    margin-top:30px;
}

    nav .pagination a {
        color: var(--royal-blue);
        font-size: 2.2rem;
        text-transform: uppercase;
        font-family: proxima-nova, sans-serif;
        font-weight: 600;
        text-decoration: none;
    }

nav .pagination .prev {
    padding-right:25px;
}

nav .pagination .next {
padding-left:25px;
}

    nav .pagination .next, nav .pagination .prev {
    }

    nav .pagination .page-link {
        margin: 0 5px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        padding-top: 6px;
        padding-left: 8px;
        text-decoration: none;
    }

nav ul.pagination li a.page-link:hover {
    color: var(--royal-blue);
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    border-color: var(--university-gold);
    background-color: transparent;
}

nav ul.pagination li a.active {
    color: var(--royal-blue);
    background-color: var(--fixed-university-gold);
    border-radius: 50% !important;
}

nav .pagination .next a.page-link, nav .pagination .prev a.page-link, nav .pagination .next a.page-link:hover, nav .pagination .prev a.page-link:hover {
    width: auto;
    height: 40px;
    border: none;
}

/* -+-+-+-+-+-+-+-+-   Faculty Profiles   -+-+-+-+-+-+-+-+-*/
section.profileHeader {
	margin-bottom:100px;
}

    section.profileHeader .profilePhoto {
        width: 100%;
        /*min-height:350px;
	border:2px solid blue;*/
        object-fit: cover;
        height: 450px;
        object-position: top;
        border: 2px solid;
        border-color:var(--university-gold);
    }

section.profileHeader .profileRow {
	height:100%;
	display:flex;
	align-items: center;
	padding-left:35px;
}

section.profileHeader .profileText h1 {
	font-size: 3.0rem;
	text-transform:uppercase;
	margin-bottom:15px;
}

section.profileHeader .profileText {
	font-weight: 200;
	font-size: 2.0rem;
}

section.profileHeader .profileText .profTitle {
	font-style:italic;
	padding-bottom:10px;	
}

section.profileHeader .profileText .profEmail {
		padding-bottom:10px;
}

section.profileHeader .profileText .profPhone {
	padding-bottom:10px;
}

section.profileHeader .profileText .profIcons {
justify-content: flex-start;
display: flex;
padding:20px 15px;
}

    section.profileHeader .profileText .profIcons a {
        margin-right:20px;
    }

section.profileHeader .profileText .profIcons img {
	display:inline-flex;
	width:35px;
}

section.profileHeader .profileText .profIcons img:hover{
	-webkit-animation: pulse 1s;
animation: pulse 1s;
cursor: pointer;
}

.publications p {
	/*font-size: 2.0rem;*/
}

.profileOverview, .profileInterest, .tabsACC {
	margin-bottom:100px;
}


.profileInterest .researchInt {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-evenly;
	margin-top:50px;
}

    .profileInterest .singleInt {
        background-color: var(--fixed-royal-blue);
        color: var(--fixed-university-gold);
        padding: 8px 35px;
        border-radius: 50px;
        margin: 15px 10px;
        text-transform: uppercase;
        font-size: 2.0rem;
    }

    .profileInterest a:hover {
        text-decoration: none;
    }


        .profileInterest a:hover .singleInt {
            background-color: var(--fixed-university-gold);
            color: var(--fixed-royal-blue);
        }

            .profileInterest a:hover .singleInt.ellipses {
                background-color: var(--fixed-royal-blue) !important;
                cursor: pointer;
            }


.profileInterest a.disabled .singleInt {
    background-color: black;
    color: var(--fixed-university-gold);
    cursor: default;
}

    .profileInterest a.disabled:hover .singleInt {
        background-color: black;
        color: var(--fixed-university-gold);
    }



/* -+-+-+-+-+-+-+-+-   Group Profile Page   -+-+-+-+-+-+-+-+-*/

section.groupListing  {
    padding-top:50px;
}

.groupListing .groupContainer {

}

.groupListing .groupContainer .headshotBox {
	margin-bottom:90px;
}

    .groupListing .groupContainer .headshotBox a {
        width:100%;
        height:300px;
    }

.groupListing .groupContainer .headshotBox img {
	border:4px solid;
/*min-width: 100%;*/
width:95%;
height: 375px;
object-fit: cover;
object-position: top;

}

.groupListing .groupContainer .headshotBox a:hover .accentBdr {
	border-color:#003594 !important;
	    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

.groupListing .groupContainer .headshotBox .hsName {
	font-family: proxima-nova, sans-serif;
	font-weight:700;
	color:var(--royal-blue);
	text-transform:uppercase;
	font-size:2.2rem;
	margin-top:25px;
}

.groupListing .groupContainer .headshotBox .hsName a:hover {
	text-decoration:none;
}

.groupListing .groupContainer .headshotBox .hsTitle {
	font-style:italic;
	font-weight:200;
	font-size:1.7rem;
	margin-top:10px;
	color:var(--copy);
}

    .groupListing .groupContainer .headshotBox .hsTitle {
        margin-bottom: 20px
    }

    .groupListing .groupContainer .headshotBox .hsEmail, .groupListing .groupContainer .headshotBox .profPhone {
        margin-top: 9px;
        font-weight: 200;
        font-size: 1.6rem;
    }

    /*  >>>>>  Horizonatal group css <<<<<*/

.groupListingHoriz .groupContainer .headshotBox .hsEmail, .groupListingHoriz .groupContainer .headshotBox .profPhone {
    margin-top: 12px;
    font-weight: 200;
    font-size: 1.7rem;
}



section.groupListingHoriz .headshotBox .profIcons {
    justify-content: flex-start;
    display: flex;
    padding: 30px 15px;
}

    section.groupListingHoriz .headshotBox .profIcons a {
        margin-right: 20px;
        width: auto;
        height: auto;
    }

    section.groupListingHoriz .headshotBox .profIcons img {
        display: inline-flex;
        width: 35px;
        border: none;
        height: auto;
    }

section.groupListingHoriz .groupContainer .headshotBox {
    margin-bottom: 0px;
}

section.groupListingHoriz {
    margin-bottom: 25px;
    margin-bottom: 25px;
}

.groupListingHoriz .groupContainer .headshotBox .hsTitle {
    margin-bottom: 10px;
}



/* -+-+-+-+-+-+-+-+-   Basic Faculty Search Page   -+-+-+-+-+-+-+-+-*/

section.searchHeader {
    padding: 100px 0px;
    /*Fix for unneeded below*/
    width: 100vw;
    margin-left: -15px;
    /*taken out for faculty search
        margin-bottom: 100px;*/
}

section.searchHeader .searchInner {
	
}

section.searchHeader .searchFacBox {
padding-top:75px;	
}

    section.searchHeader .searchInner .advWrap, section.searchHeader .searchInner .basicWrap {
        text-align: right;
    }

    section.searchHeader .searchInner .advSearch, section.searchHeader .searchInner .basicSearch {
        margin-top: 0px;
    }

    section.searchHeader .searchInner .advSearchTop, section.searchHeader .searchInner .basicSearchTop {
    }

    section.searchHeader .searchLetters .advSearchBot, section.searchHeader .searchLetters .basicSearchBot {
        display: none;
        padding: 50px 0px 60px;
    }

section.searchHeader .searchLetters {
background-color: white;
padding:20px 0px;
}

    section.searchHeader .searchLetters .searchSymbol {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        padding:0;
    }

        section.searchHeader .searchLetters .searchSymbol a {
            font-family: proxima-nova, sans-serif;
            font-weight: 700;
            font-size:2.8rem;
        }

        section.searchHeader .searchLetters .searchSymbol a:hover {
            text-decoration:none;
        }

            section.searchHeader .searchLetters .searchSymbol a.active {
                color:var(--university-gold);
            }

/* -+-+-+-+-+-+-+-+-   Advanced Faculty Search Page   -+-+-+-+-+-+-+-+-*/


    section.searchHeader .searchInner .advSearchH2 {
        padding-top:40px;
    }




    /* -+-+-+-+-+-+-+-+-   Faculty Search Results   -+-+-+-+-+-+-+-+-*/
    section.searchFacResults {
        padding-bottom: 75px;
    }

    section.searchFacResults .resultItem {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-right:0;
        margin-left:0;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }


    section.searchFacResults .mainHeadline {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 35px;
        padding-bottom: 15px;
    }

    section.searchFacResults .nameTitle .searchResName {
        font-family: proxima-nova, sans-serif;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
    }

    section.searchFacResults .resultItem .nameTitle .title {
        color: var(--copy);
        font-family: 'Roboto', sans-serif;
        font-size: 2.0rem;
        font-weight: 200;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    section.searchFacResults .resultItem .nameTitle .subTitle {
        text-transform: none;
        font-style: italic;
    }

    section.searchFacResults .resultItem .numberMail {
        text-align: right;
        font-size: 2.0rem;
        margin-top: 58px;
    }

        section.searchFacResults .resultItem .numberMail .number, section.searchFacResults .resultItem .numberMail .email { margin-bottom:10px;
        }


    /* -+-+-+-+-+-+-+-+-   Generic List Results   -+-+-+-+-+-+-+-+-*/

   section.genericResults {
        padding-bottom: 75px;
    }

    section.genericResults .resultItem {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-right:0;
        margin-left:0;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }


    section.genericResults .mainHeadline {
        border-width: 2px;
        border-style: solid;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 35px;
        padding-bottom: 15px;
    }

    section.genericResults .genericListItem {
        font-family: proxima-nova, sans-serif;
        font-weight: 600;
        display: block;
        margin-bottom: 15px;
    }

section.genericResults .genListDate {font-style: italic;}

section.genericResults .genListSubTitle {}

section.genericResults .genListSubTitle, section.genericResults .genListDate  {
color: var(--copy);
font-family: 'Roboto', sans-serif;
font-size: 2.0rem;
font-weight: 200;
margin-bottom: 10px;

}

/* -+-+-+-+-+-+-+-+-   Centers, Institutes, Labs CIL   -+-+-+-+-+-+-+-+-*/
.CILmodal {
    border: 6px solid;
    border-radius:50px;
    padding:5.0rem 4.0rem;
}

    .CILmodal a:hover {
        -webkit-animation: link-color 1s;
        animation: link-color 1s;
    }

    .CILmodal a {
        font-size: 2.0rem;
    }

/* -+-+-+-+-+-+-+-+-   MODAL    -+-+-+-+-+-+-+-+-*/
.image-modal .image-modal-close {
    position: fixed;
    top: 15px;
    right: 15%;
    color: var(--university-gold);
    background-color: var(--royal-blue);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid white;
    z-index: 9999;
}


/* -+-+-+-+-+-+-+-+-   Bootstrap Accordion  -+-+-+-+-+-+-+-+-*/
/*>>>>>>>>>>>>>>>>>> Accordion <<<<<<<<<<<<<<<<<<*/
.accordion {
    /*old
        padding: 0 2.2rem;
        maybe better
        padding: 0;*/
    padding: 0 2.2rem 0 0;
}

.accordion .card {
	margin-bottom: 15px;
	border-style:solid;
border-width: 1px;
	
}

    .accordion > .card:not(:last-of-type), .accordion > .card:not(:first-of-type):not(:last-of-type), .accordion > .card:first-of-type {
        border-bottom: 1px;
        border-style: solid;
    }

.accordion .card .card-header {display:flex;}

.accordion .card .collapse:not(.show) {
    display: none;
}

.accordion .card .card-header {
	background-color:white;
}

.accordion .card .card-header h2 {
	padding-top:0px;
}

.accordion .card .card-header:first-child {
    background-color: white;
    border-bottom: none;
    background-image: url("../gfx/icons/dd-arrow-blue.png");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    cursor: pointer;
}

.accordion .card .card-header:hover:first-child {
    background-image: url("../gfx/icons/dd-arrow-gold.png");
}

.accordion .card .card-header button {
	margin:0px;
	color: var(--royal-blue);
font-size: 2.0rem;
font-family: proxima-nova, sans-serif;
font-weight: 700;
text-transform: uppercase;
	padding: .375rem 0rem;
		border:none;
}

    .accordion .card .card-header button, .accordion .card .card-header h2 {
        width: 100%;
        text-align: left;
    }

    .accordion .card .card-header button {
        padding: 10px 5px;
        padding-right: 35px;
    }

.accordion .card .card-header h2 { 
        padding-right: 0px;
    }

.accordion .card .card-header button:focus {
	text-decoration:none;
	
}

.accordion .card .card-header button:hover {
	background-color:transparent;
	text-decoration:none;
	-webkit-animation: link-color 1s;
animation: link-color 1s;
}

    .accordion .card .collapse, .accordion .card .collapsing {
        line-height: 1.9;
        color: var(--copy);
        
        font-size: 2.3rem;
        font-weight: 300;
        margin-bottom: 1rem;
        margin-top: 1rem;
        margin-left: 0.5rem;
    }

    .accordion .card-body p, .accordion .card-body ul, .accordion .card-body ol, .accordion .card-body li {
        font-size: 2.0rem;
    }

  

/*>>>>>>>>>>>>>>>>>> USERWAY <<<<<<<<<<<<<<<<<<*/
body .uwy.userway_p1 {
    right: 90px !important;
}

    body .uwy.userway_p1.uh .uai {
        
        right:22px !important;
    }


/*>>>>>>>>>>>>>>>>>> Awards <<<<<<<<<<<<<<<<<<*/

.awardsResults .awardItem {
padding:25px;
margin:25px;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbfbfb+0,e9e9e9+99 */
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top,  #fbfbfb 0%, #e9e9e9 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e9e9e9 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fbfbfb 0%,#e9e9e9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	
        border-width: 2px;
        border-style: solid;
        border-left: 0px;
        border-right: 0px;
	
	height:400px;
	text-align: center;
	position:relative;
	
	-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;

}

.awardsResults .awardItem h5 {
	text-transform:uppercase;
}

.awardsResults .awardItem .awardOrg {
	font-style:italic;
	font-family: 'Roboto', sans-serif;
	color:var(--copy);
	font-weight:300;
	font-size:1.8rem;	
}

.awardsResults .awardItem .awardPerson, .awardsResults .awardItem .awardDept, .awardsResults .awardItem .awardYear   {
	font-family: proxima-nova, sans-serif;
	width:100%;
	margin-left:-25px;
}
.awardsResults .awardItem .awardPerson, .awardsResults .awardItem .awardDept  {
	font-size:2.0rem;
font-weight: 600;
color: var(--royal-blue);
	position:absolute;
	bottom:100px;
}
	
	.awardsResults .awardItem .awardDept {

	font-size:1.8rem;
font-weight: 300;
color: var(--copy);
	position:absolute;
	bottom:75px;		
}

.awardsResults .awardItem .awardYear {
		font-size:3.0rem;
font-weight: 700;
		position:absolute;
	bottom:10px;
	
}


/*>>>>>>>>>>>>>>>>>> Contact Block <<<<<<<<<<<<<<<<<<*/

.contactBlockItem {
padding:25px;
margin:25px auto;
	
	
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f9ff+0,ffffff+20,ffffff+84,f5f9ff+100 */
background: #f5f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f9ff 0%, #ffffff 20%, #ffffff 84%, #f5f9ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f5f9ff 0%,#ffffff 20%,#ffffff 84%,#f5f9ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f5f9ff 0%,#ffffff 20%,#ffffff 84%,#f5f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9ff', endColorstr='#f5f9ff',GradientType=0 ); /* IE6-9 */



	
        border-width: 2px;
        border-style: solid;
        border-left: 0px;
        border-right: 0px;
	text-align: center;
	position:relative;
	
	-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
	max-width:700px;
}

.contactBlockItem h5.primaryHeading {
	text-transform:uppercase;
}

.contactBlockItem .contactBlockAddress {
	font-family: 'Roboto', sans-serif;
	color:var(--copy);
	font-weight:300;
	font-size:1.8rem;
	margin-bottom:15px;
}

.contactBlockItem .contactBlockPerson, .contactBlockItem .contactBlockAdditional, .contactBlockItem .contactBlockYear  {
	font-family: proxima-nova, sans-serif;
	width:100%;
	margin-bottom:15px;
}

.contactBlockItem .contactBlockPersonTitle {
	font-family: 'Roboto', sans-serif;
	color:var(--copy);
	font-weight:300;
	font-size:1.8rem;
	margin-top:-10px;
	margin-bottom:15px;
	font-style: italic;
}

.contactBlockItem .contactBlockPerson, .contactBlockItem .contactBlockAdditional  {
	font-size:2.0rem;
font-weight: 600;
color: var(--royal-blue);
}
	
.contactBlockItem .contactBlockAdditional {

	font-size:1.8rem;
font-weight: 300;
color: var(--copy);
		
}

.contactBlockItem .contactBlockYear {
		font-size:3.0rem;
font-weight: 700;	
}

.contactBlockItem .contactBlockPhoneFax strong, .contactBlockItem .contactBlockEmail strong { 
		font-family: 'Roboto', sans-serif;
	font-weight:600;
	margin-right:10px;
}

    .contactBlockItem .contactBlockPhoneFax, .contactBlockItem .contactBlockEmail, .contactBlockItem .contactBlockWeb {
        font-family: 'Roboto', sans-serif;
        font-size: 1.6rem;
        margin-bottom: 5px;
        color: var(--copy);
    }

.contactBlockItem .contactBlockPhoneFax {}
.contactBlockItem .contactBlockEmail {}
.contactBlockItem .contactBlockWeb {
    padding-top:20px;
    }


        /*>>>>>>>>>>>>>>>>>> COOP <<<<<<<<<<<<<<<<<<*/
section .genericResults .coopImg img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

section.genericResults .coopDept {
	font-style:italic;
	font-size:1.7rem;
}

/*>>>>>>>>>>>>>>>>>> Image Copy Float Class <<<<<<<<<<<<<<<<<<*/
.copyIMGRight, .copyIMGLeft, .copyIMGRight img, .copyIMGLeft img {
    width: 350px;
    height: auto;
}

.copyIMGRight {
    float: right;
    margin: 15px 0px 15px 25px;
}

.copyIMGLeft {
    float: left;
    margin: 15px 25px 15px 0px;
}


/*>>>>>>>>>>>>>>>>>> Figcaption <<<<<<<<<<<<<<<<<<*/
figure figcaption {
    font-size: 1.2rem;
    font-style: italic;
    /*text-align: center;*/ /* mm-removed 9/27/21*/
    padding-top: 5px;
}

figure.image {
    display: table;
    width: 1px; /* This can be any width, so long as it's narrower than any image */
}

    figure.image img, figcaption {
        display: table-row;
    }

    figure.image img {
        padding-bottom:7px;
    }

.flexContentBlock figure {
    max-width:350px;
}
.flexContentBlock figure figcaption {
    display:block;
}




/*>>>>>>>>>>>>>>>>>> ACALOG STYLES <<<<<<<<<<<<<<<<<<*/
.acalog-course-title {
    font-size: 2.4rem !important;
    padding-bottom: 0px !important;
}

.acalog-course-body {
    font-size: 2.0rem !important;
    line-height:1.8;
}

a.acalog-course-link, a.acalog-program-core-course-link {
    font-weight: bold;
    border: none !important;
}

li.acalog-course::before, li.acalog-program-core-course::before, ul.acalog-program-core-courses li::before {
    content: "\00BB";
    color: var(--university-gold);
}

.acalog-course-container, .acalog-program-core-course-container {
    border: none !important;
    background-color: var(--fixed-very-light-gray) !important;
    padding: 20px !important;
}

.accordion .acalog-permalink-container {
    border: none !important;
    background-color: var(--fixed-very-light-gray) !important;
    position:relative !important;
}

.accordion .acalog-permalink {
display:inline !important;}

.accordion .acalog-program-core-course-open::before {
    content: none;
}

.accordion .acalog-program-core-course-open .acalog-program-core-course-link::before {
    content: "\00BB";
    color: var(--university-gold);
    padding-right: 18px;
    text-decoration: none !important;
    padding-left: 7px;
}

.acalog-course-open a.acalog-course-link, .acalog-program-core-course-open .acalog-program-core-course-link {
    background-color: var(--fixed-very-light-gray) !important;
}

.acalog-course-container .acalog-close, .acalog-program-core-course-container .acalog-close, .acalog-course-body + .acalog-close {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    padding: 0.4rem 1rem;
    border-width: 4px;
    border: 6px solid;
    border-color: var(--royal-blue);
    color: var(--royal-blue);
    background-color: var(--BG-university-gold);
    margin: 1.5rem;
    text-transform: uppercase;
    border-radius: 50px;
    position: relative;
    top: -18px;
}

.accordion .acalog-course-body + .acalog-close {
    position: relative !important;
}

    ul .acalog-program-core-courses li {
    color:var(--copy);
}
h4.acalog-program-core-name {
    color: var(--royal-blue);
    padding: 50px 0px 20px;
    text-transform: uppercase;
}

h5.acalog-program-core-name {
    border-bottom: 2px solid;
    border-color: var(--charcoal);
    padding: 30px 0px 15px;
}
h6.acalog-program-core-name {
    border-bottom: 2px solid;
    border-color: var(--charcoal);
    padding: 15px 0px;
    margin-bottom:60px;
}

h3.acalog-program-core-name {
    border-bottom: 2px solid;
    border-color: var(--university-gold);
    color: var(--medium-blue);
    padding: 15px 0px;
}

.acalog .acalog-program-core-description {
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.9 !important;
    color: var(--copy) !important;
    font-size: 2.3rem !important;
    font-weight: 300 !important;
    margin-bottom: 3rem !important;
    margin-top: 2.5rem !important;
}

/*>>>>>>>>>>>>>>>>>> Datatables STYLES <<<<<<<<<<<<<<<<<<*/
.datatables-container .dataTables_filter {
    display: flex;
    justify-content: center;
}

.datatables-filter-buttons .filter-button.active {
    background-color: var(--university-gold);
}

.datatables-filter-buttons .filter-title {
    border-bottom: 2px solid;
    border-color: var(--university-gold);
    color: var(--medium-blue);
    padding: 30px 0px 20px;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.datatables-filter-buttons {
    border-bottom: 2px solid;
    border-color: var(--university-gold);
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.datatables-container input[type="search"] {
    font-size: 1.9rem;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    border: 6px solid;
    border-color: var(--university-gold);
    border-radius: 30px;
    padding: 10px;
    margin-bottom: 30px;
}

    .datatables-container input[type="search"]:focus, .datatables-container input[type="search"]:focus-visible {
        outline: 2px solid #0056b3;
    }

    .datatables-container label {
    width: 50%;
}

.dataTables_info {
font-size:1.4rem;
color: var(--copy);
padding-bottom:30px;
}

.datatables-container .firstChar, .datatables-container .fullText {
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-bottom-color: currentcolor;
    border-color: var(--university-gold);
    color: var(--medium-blue);
    padding: 30px 0px 30px;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .datatables-container .firstChar {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.datatables-container .firstChar a {
    font-weight:bold;
    margin: 5px 8px;
}

.datatables-container .fullText {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .datatables-container .fullText a {
        font-weight: 700;
        font-size: 1.9rem;
        padding: 0.6rem 5rem;
        border-width: 4px;
        border-style: solid;
        border-color: var(--royal-blue);
        background-color: #ffffff;
        font-family: proxima-nova, sans-serif;
        color: var(--royal-blue);
        margin: 1.2rem;
        text-transform: uppercase;
        border-radius: 50px;
    }



    .datatables-container .fullText a:hover {
        border-color: var(--royal-blue);
        color: var(--royal-blue);
        background-color: var(--BG-university-gold);
        -webkit-animation: pulse 1s;
        animation: pulse 1s;
        text-decoration:none;
    }


    /*>>>>>>>>>>>>>>>>>> FLIP CARDS STYLES <<<<<<<<<<<<<<<<<<*/
    section .flip-cards {
    }

    section.flip-cards .flip-card {
       /* padding: 15px;
        margin-left: -9px;*/
    }

    section.flip-cards .front > h2 {
        backface-visibility: hidden;
        bottom: 25px;
        position: absolute;
        line-height: 1;
        font-size: 2.3rem;
        padding: 15px;
        color: white;
        background-color: var(--royal-blue);
        border-style: solid;
        border-width: 4px 0px 4px 0px;
        width: 100%;
        text-align: center;
        padding-right: 30px;
    }

    section.flip-cards .back > h2 {
        font-size: 2.0rem;
        line-height: 1;
        color: white;
        background-color: var(--royal-blue);
        border-style: solid;
        border-width: 4px 0px 4px 0px;
        padding: 15px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    section.flip-cards .back > p {
        font-size: 1.8rem;
        line-height: 1.2;
        padding: 5px;
        margin-top:10px;
        margin-bottom:10px
    }

    section.flip-cards .back button.buttonSmall, section.flip-cards .back button.buttonyellowBG {
        font-weight: 700;
        font-size: 1.2rem;
        padding: 0.2rem 1rem;
        border-width: 3px;
        margin: 2px;
    }

    section.flip-cards .back .buttonBox {
        background-color: white;
        position: absolute;
        bottom: -10px;
        width: 100%;
        padding: 6px 5px;
        text-align:center;
    }

    section.flip-cards .back .read-more button.buttonSmall {
        font-size:1.4rem;
        border-width:4px;
        padding:0.3rem 1.3rem;
    }

/*>>>>>>>>>>>>>>>>>> Compass STYLES <<<<<<<<<<<<<<<<<<*/

.compass .filter-buttons {
    border-width: 2px 0px 2px 0px;
    border-style: solid;
    padding: 25px 0px 30px;
    margin-bottom:30px;
}

.compass .compass-item {
    margin: 30px 0px;
    padding: 15px 0px;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
}
.compass .compass-item-tags {
    font-style: italic;
    font-weight: 200;
    font-size: 2.0rem;
    padding-top: 30px;
    color: var(--dark-gold);
    padding-bottom:10px;
}
.compass .compass-item-header img {
width:100%;
height:auto;
max-height:450px;
}

.compass button.filter-button:hover, .compass button.filter-button:active, .compass button.filter-button:focus {
    animation: none;
}

.compass button.buttonblueBG:hover {
    border-color: var(--university-gold);
    color: var(--white-text);
    background-color: var(--BG-royal-blue);
}


/*>>>>>>>>>>>>>>>>>> YOUTUBE Responsive embed - wrap in <div class="embed-container"> <<<<<<<<<<<<<<<<<<*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*>>>>>>>>>>>>>>>>>> Site Map <<<<<<<<<<<<<<<<<<*/
.site-map-container li a, .site-map-container li {
    font-weight: bold;
    font-size: 2.8rem;
    text-transform: uppercase;
    color: #946C00;
    cursor: pointer;
    animation: none;
}

    .site-map-container li a {
        text-decoration: underline;
        color: var(--royal-blue);
    }

    .site-map-container li li a, .site-map-container li li {
        font-weight: normal;
        font-size: 2.3rem;
        text-transform: none;
    }

.site-map-container ul li ul li ul *{
font-size:2.0rem;
}

.site-map-container ul li ul li ul li ul * {
    font-size: 1.8rem;
}
.site-map-container .material-icons {
    font-size: 3.0rem;
    border-radius: 50%;
    color: var(--university-gold);
    background-color: var(--royal-blue);
    padding: 5px;
    margin-right:15px;
}
    .site-map-container .material-icons:hover {
        background-color: var(--university-gold);
        color: var(--royal-blue);
        cursor:pointer;
    }

.site-map-container ul li::before{
    content:none;
}

.site-map-container ul:first-child {
padding-left:0px;}



.stop removing br visual studio {
}

/*  >>>>>>>> Logo Grid Block  <<<<<<<<< */
.gridBlockLogoContainer {
}

.gridBlockLogoContainer .logoItem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

    .gridBlockLogoContainer .logoItem img {
        width: 100%;
        height: auto;
    }


.gridBlockLogoContainer {
}

.gridBlockLogoContainer .logoItem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

    .gridBlockLogoContainer .logoItem img {
        width: 100%;
        height: auto;
    }

/*  >>>>>>>> Video Grid Block  <<<<<<<<< */

.gridBlockVideoContainer {
}

    .gridBlockVideoContainer .videoItem {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

 

        .gridBlockVideoContainer .videoItem img {
            width: 100%;
            height: auto;
        }

    .gridBlockVideoContainer .videoPlay {
        /*position: relative;*/
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .gridBlockVideoContainer .videoPlayIcon {
        width: 80px;
        border-radius: 10px;
        background: rgba(0, 0, 0, .5);
        line-height: 60px;
        font-size: 40px;
        color: white;
        text-align: center;
    }

    .gridBlockVideoContainer .videoItem:hover .videoPlayIcon {
        background-color: #CC181E;
        cursor: pointer;
    }

    .gridBlockVideoContainer .videoTitle {
        background-color: black;
        color: white;
        font-size: 1.3rem;
        padding: 9px 5px 2px;
        transform: translateY(100%);
        /*position: absolute;*/
        height: 25px;
        margin-top: -25px;
        overflow: visible;
    }

    .gridBlockVideoContainer a:hover {
        animation: none;
        text-decoration-color: white;
    }

    /*  >>>>>>>> Video Grid Block FIS profile version  <<<<<<<<< */

    .gridBlockVideoContainer .FISvideoItem a {
        width: 100%;
    }


/*  >>>>>>>> Video feature homepage side x side version  <<<<<<<<< */

section.homeVideoFeature .gridBlockVideoContainer .videoItem {
width:100%;
max-width:600px;
position:relative;
}

section.homeVideoFeature .gridBlockVideoContainer .videoItem a {
    width: 100%;
}

section.homeVideoFeature .gridBlockVideoContainer {
    justify-content: flex-end;
}

section.homeVideoFeature h1.nova-black {
    margin-bottom:3.5rem;
}


/* >>>>>>>>>>>>>   MAIN MEDIA QUERY SECTION  <<<<<<<<<<<<<<<<<  */
/*@@@@@@@                                                                 @@@@@@
@@@@@@@                             ## ##  ##                             @@@@@@
@@@@@@@                 // -/  //   #%%%%%%%    /- //  //                 @@@@@@
@@@@@@@                 %%%%%%%%*    %%%%%%%    %%%%%%%%                  @@@@@@
@@@@@@@                  %%%%%%% %% %% #% /%. %% %%%%%%#                  @@@@@@
@@@@@@@                  ((((((( #%%%%%%%%%%%%%  ((((((*                  @@@@@@
@@@@@@@                 %%%%%%%%% %%%%    .%%%  %%%%%%%%%                 @@@@@@
@@@@@@@    %%%%%%%%%%%%%%%%%%%%%%%%%%%    .%%%%%%%%%%%%%%%%%%%%%%%%%%%    @@@@@@
@@@@@@@    %%%                                                     %%%    @@@@@@
@@@@@@@    %%%         %%%%%(                       %%%%%%         %%%    @@@@@@
@@@@@@@    %%%       %%%%%%%%%                     %%%%%%%%        %%%    @@@@@@
@@@@@@@    %%%        %%%%%%%/                     %%%%%%%%        %%%    @@@@@@
@@@@@@@    %%%           /.                           -/           %%%    @@@@@@
@@@@@@@    %%%                                                     %%%    @@@@@@
@@@@@@@    %%%,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,%%%    @@@@@@
@@@@@@@    %%%,,,,,,%%%%%%,,,,,/%%%%%#,,,,,%%%%%%,,,,,,%%%%%%,,,,,,%%#    @@@@@@
@@@@@@@    %%%,,,,,,%%%%%%,,,,,/%%%%%#,,,,,%%%%%%,,,,,,%%%%%%,,,,,,%%,    @@@@@@
@@@@@@@    /%%,,,,,,,,,,,,%%%%%%,,,,,#%%%%%,,,,,,%%%%%%,,,,,,,,,,,%%%     @@@@@@
@@@@@@@     %%%,,,,,,,,,,,%%%%%%,,,,,#%%%%%,,,,,,%%%%%%,,,,,,,,,,,%%%     @@@@@@
@@@@@@@     /%%/,,,,%%%%%%,,,,,/%%%%%*,,,,,%%%%%%,,,,,,%%%%%%,,,,%%%      @@@@@@
@@@@@@@      %%%,,,,%%%%%%,,,,,/%%%%%*,,,,,%%%%%%,,,,,,%%%%%%,,,%%%       @@@@@@
@@@@@@@       %%%,,,%%%%%%,,,,,/%%%%%*,,,,,%%%%%%,,,,,,%%%%%%,,#%%.       @@@@@@
@@@@@@@        %%%*...........................................%%%         @@@@@@
@@@@@@@         .%%%                                         %%%          @@@@@@
@@@@@@@           %%%%              .%%%%%%%               %%%.           @@@@@@
@@@@@@@             %%%%            %%%%%%%%%            %%%#             @@@@@@
@@@@@@@               %%%%           %%%%%%#          #%%%.               @@@@@@
@@@@@@@                  %%%%                      #%%%%                  @@@@@@
@@@@@@@                     %%%%%              ,%%%%%                     @@@@@@
@@@@@@@                        .%%%%%%    .%%%%%%                         @@@@@@
@@@@@@@                             *%%%%%%%                              @@@@@@
@@@@@@@                                                                   @@@@@@*/
/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 1800  <<<<<<<<<<<<<<<<<  */
@media (max-width:1800px) {
    /*  >>>>>>>> Video Grid Block  <<<<<<<<< */
    .gridBlockVideoContainer .videoTitle {
        padding-top: 5px;
        font-size: 1.2rem;
    }
}

/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 1300  <<<<<<<<<<<<<<<<<  */
@media (max-width:1300px) {
    /*  >>>>>>>> Video Grid Block  <<<<<<<<< */
    .gridBlockVideoContainer .videoTitle {
        padding-top: 5px;
        font-size: 1.1rem;
    }
}

/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 991  <<<<<<<<<<<<<<<<<  */
@media (max-width: 991px) {
    /* >>>> Spotlight <<<<<*/
    .spotlight button {
        margin: 3.0rem 0px;
    }
    /* >>>> Footer <<<<<*/
    footer .pittFoot {
        padding: 0 20vw;
        text-align: center;
        max-width: none;
    }

        footer .pittFoot .excelWM, footer .pittFoot .address, footer .pittFoot .social, footer .pittFoot .uPittWM {
            text-align: center;
            justify-content: center;
            padding-left: 80px;
            padding-right: 80px;
        }

        footer .pittFoot .address {
            font-size: 2.2rem;
        }

        footer .pittFoot .excelWM img, footer .pittFoot .uPittWM img {
            margin: 0 auto;
            width: 90%;
        }

        footer .pittFoot .excelWM {
            padding-bottom: 50px;
        }

        footer .pittFoot .address, footer .pittFoot .uPittWM {
            padding-bottom: 60px;
        }

    footer ul, footer ul li {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    footer .copyright {
        padding: 300px 0px 20px 0px;
        margin: 0;
    }

    footer ul li {
        line-height: 2;
    }
    /* >>>> Home News <<<<< */
    .newsMain .newsHeadlineBox header {
        font-size: 2.8rem;
    }

    .newsMain .newsHeadlineBox {
        margin-bottom: 0px;
    }

        .newsMain .newsHeadlineBox p.newsSummary {
            display: none;
        }
    /* >>>> Home Engineering Focus <<<<<*/
    .engrFocus .text {
        margin-top: 40px;
        padding-left: 15px;
        text-align: center;
    }

    .engrFocus .textPhoto .photo {
        padding: 0px;
    }

    .engrFocus .text button {
        margin: 0 auto;
    }
    /* >>>> Home Just Text <<<<<*/
    section.textOnly button {
        margin: 0 auto;
    }
    /* >>>> 2 column items <<<<<*/
    .mainColTwo .blockContentSocial img, .mainColTwo .blockContentSocial a {
        width: 75px;
        margin: 30px auto;
    }
    /*Full page - one col*/
    .mainContent .blockContent header, .mainColOne .blockContent header, .mainColTwo .blockContent header {
        font-size: 3.0rem;
        margin-bottom: 35px;
        margin-right: 30px;
    }
    /*Full page - one col*/
    .mainContent .blockContent p, .mainColOne .blockContent p, .mainColTwo .blockContent p {
        /* MM taken out 8-10-23 causing problems in FlexContent. Test for other ramifications
            font-size: 2.4rem;*/
        line-height: 1.7;
    }
    /*Full page - one col*/
    .mainContent .blockContent img, .mainColOne .blockContent img, .mainColTwo .blockContent img {
        padding-right: 35px;
        padding-top: 20px;
    }
    /*Full page*/
    .mainContent .blockContent img {
        max-width: none;
    }

    /*flex content figcaption*/
    .flexContentBlock figure {
        max-width: none;
    }

        .flexContentBlock figure img, .flexContentBlock figure figcaption {
            /*below removed 8-1-22 causing problems on engineering.pitt.edu/academics/online-programs/whos-who/*/
            /*padding-right: 0px !important;*/
        }

      
            /*Fone col*/
            .mainColOne .blockContent img {
        max-width:none;
    }
            /*photo style clarification*/
    .blockContent.flexContentBlock img {
        max-width: 390px;
    }

    .blockContent.flexContentBlock figure {
        text-align:center;
    }


    /*Full page - one col*/
    .mainContent .blockContent figcaption, .mainColOne .blockContent figcaption, .mainColTwo .blockContent figcaption {
        padding-right: 35px;
        max-width:none;
    }
    /*Full page - one col*/
    .mainContent .blockContent .sideProfile, .mainColOne .blockContent .sideProfile, .mainColTwo .blockContent .sideProfile {
        font-size: 2.0rem;
        text-align: center;
        padding-top:20px;
    }
    /*Full page*/
    .mainContent .blockContent .col-12.fullPage .buttonBox {
        text-align: center;
    }
        /*  >>>>>>>> Faculty Group Page  <<<<<<<<< */
        .groupListing .groupContainer .headshotBox img {
        width: 100%;
        height: 700px;
    }

    .groupListing .groupContainer .headshotBox .hsName {
        margin-top: 40px;
    }

    .groupListing .groupContainer .headshotBox {
        text-align: center;
    }

    footer .copyright {
        position: static;
    }

    /*  CSV DATATABLE*/
    .datatables-container .firstChar {
        justify-content: center;
    }

    /* People group view standard*/
    .groupListing .groupContainer .headshotBox .hsEmail, .groupListing .groupContainer .headshotBox .profPhone {
        margin-top: 8px;
    }


    .groupListing .groupContainer .headshotBox .hsTitle, .groupListing .groupContainer .headshotBox .hsEmail, .groupListing .groupContainer .headshotBox .profPhone {
    }

    .groupListing .groupContainer .headshotBox {
        margin-bottom: 60px;
    }

    /* People group view horizontal */

    .groupListingHoriz .groupContainer .headshotBox .hsEmail, .groupListingHoriz .groupContainer .headshotBox .profPhone {
        margin-top: 8px;
    }

    .groupListingHoriz .groupContainer .headshotBox .hsTitle {
        margin-bottom: 5px;
    }


    section.groupListingHoriz .groupContainer .headshotBox img.sfphoto {
        height: 250px;
    }

    section.groupListingHoriz .groupContainer .headshotBox {
        text-align: left;
    }

    .groupListingHoriz .groupContainer .headshotBox .profPhone {
    }

    section.groupListingHoriz .headshotBox .profIcons img {
        display: inline-flex;
        height: auto;
    }

    section.groupListingHoriz .groupContainer .headshotBox .hsName {
        margin-top: 10px
    }

    section.groupListingHoriz .headshotBox .profIcons {
        padding: 15px;
        margin-top: 5px;
    }


    .groupListingHoriz .groupContainer .headshotBox .hsTitle, .groupListingHoriz .groupContainer .headshotBox .hsEmail, .groupListingHoriz .groupContainer .headshotBox .profPhone {
        font-size: 1.6rem !important;
    }

    /* Home page video feature side x side */
    section.homeVideoFeature .gridBlockVideoContainer {
        justify-content: center;
    }

    section.homeVideoFeature .videoFeatureRTF {
        text-align: center;
    }



}


    /* >>>>>>>>>>>>>   MAIN MEDIA QUERY 768  <<<<<<<<<<<<<<<<<  */
@media (max-width: 768px) {

    h1, h2, h3, h4, h5, h6, p {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hideMobile {
        display: none;
    }

    /* >>>> Footer <<<<<*/
    footer .pittFoot .excelWM, footer .pittFoot .address, footer .pittFoot .social, footer .pittFoot .uPittWM {
        padding-left: 10px;
        padding-right: 10px;
    }

        footer .pittFoot .excelWM img, footer .pittFoot .uPittWM img {
        }

    /* >>>> Home News <<<<< */
    .newsMain .newsHeadlineBox header {
        font-size: 2.5rem;
    }
    /* swap headline block to full screen NEWS */
    .newsMain .newsHeadlineBox {
        position: absolute;
        width: 100vw;
    }

    /* >>>> Banner <<<<< */
    /* swap headline block to full screen STANDARD */
    .bannerHeadline .bannerHeadlineBox {
        position: absolute;
        width: 100vw;
    }

    /* >>>> 2 column items <<<<<*/
    /*full page - one col*/
    .mainContent .blockContent p, .mainColOne .blockContent p, .mainColTwo .blockContent p {
        padding-left: 0px;
    }
    /*full-page*/
    .mainContent .blockContent img {
        /*padding:0px 0px 30px 0px;*/
        padding-right:0px;
    }
    /*one-col*/
    .mainColTwo .blockContent img {
        /*padding:0px 0px 30px 0px;*/
    }

    /*full-page*/
    .mainColOne .blockContent .buttonBox {
        text-align: center;
    }

    /* >>>> Search Items <<<<<*/
    section.searchResults .resultItem {
        padding-left: 15px;
    }

    /* >>>> Profile Items <<<<<*/
    .profileHeader .profileText h1 {
        padding: 30px 0px 10px;
    }

    .profileHeader .profileRow {
        padding-left: 0px;
    }

    .groupListing .groupContainer .headshotBox {
        text-align: center;
    }

    /* >>>> Faculty Search <<<<<*/
    section.searchHeader .searchInner .advSearchTop, section.searchHeader .searchInner .basicSearchTop {
        display: none;
    }

    section.searchHeader .searchLetters .advSearchBot, section.searchHeader .searchLetters .basicSearchBot {
        display: flex;
        justify-content: center;
    }

    section.searchHeader .searchLetters .searchSymbol {
        margin-bottom: 10px;
    }

    section.searchFacResults .resultItem .numberMail {
        text-align: left;
        margin-top: 10px;
    }

    header nav .auxTopNavBar {
        padding: 3.5rem 8.0rem 0 !important;
    }

    /* >>>> userway <<<<<*/
    body .uwy.userway_p1 .uai {
        right: 47% !important;
        top: 15px !important;
    }

    body .uwy.userway_p1.userway_hidden .uai {
        right: 15px !important;
    }

    /*>>>>>>> Image Copy Float Class <<<<<<<<*/
    .copyIMGRight, .copyIMGLeft, .copyIMGRight img, .copyIMGLeft img {
        width: 100%;
        float: none;
        padding-bottom: 30px;
        margin: 15px 0px;
    }

    figure.image, figure.image img {
        width: 100%;
    }
    /*>>>>>>> Datatables <<<<<<<<*/
    .datatables-container label {
        width: 80%;
    }

    /*  >>>>>>>> Faculty Group Page  <<<<<<<<< */
    .groupListing .groupContainer .headshotBox img {
        height: 600px;
    }

    .flexContentBlock figure figcaption {
        padding-right: 0px !important;
    }

    /*  >>>>>>>> Video Grid Block  <<<<<<<<< */
    .gridBlockVideoContainer .videoTitle {
        padding-top: 8px;
        font-size: 1.3rem;
    }


    /* People group view horizontal */
    section.groupListingHoriz .groupContainer .headshotBox img.sfphoto {
        height: 500px;
    }


    section.groupListingHoriz .headshotBox .profIcons a {
        margin-left: 20px;
    }

    section.groupListingHoriz .headshotBox .profIcons {
        justify-content: center;
        display: flex;
        Padding: 20px 15px;
    }

    section.groupListingHoriz .groupContainer .headshotBox {
        text-align: center;
    }

    .groupListingHoriz .groupContainer .headshotBox .profPhone {
        display: block;
    }

    section.groupListingHoriz .groupContainer .headshotBox .hsName {
        margin-top: 35px
    }

    .groupListingHoriz .groupContainer .headshotBox .hsTitle, .groupListingHoriz .groupContainer .headshotBox .hsEmail, .groupListingHoriz .groupContainer .headshotBox .profPhone {
        font-size: 2.0rem !important;
    }

    section.groupListing.groupListingHoriz {
        padding-top: 5px;
    }

    /* People group view standard*/
    section.groupListing .groupContainer .headshotBox img.sfphoto {
        height: 500px;
    }

    .groupListing .groupContainer .headshotBox .profPhone {
        display: block;
    }

    .groupListing .groupContainer .headshotBox .hsTitle, .groupListing .groupContainer .headshotBox .hsEmail, .groupListing .groupContainer .headshotBox .profPhone {
        font-size: 1.7rem !important;
    }

}

    /* >>>>>>>>>>>>>   MAIN MEDIA QUERY 700 <<<<<<<<<<<<<<<<<  */

    @media (max-width: 700px) {
        /* >>>> modal <<<<<*/
        .image-modal .image-modal-close {
            right: 5%;
            top: 115px;
        }

    }

/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 576 - MOBILE <<<<<<<<<<<<<<<<<  */
@media (max-width: 576px) {

    /* >>>> letters on search - add padding <<<<< */

    section.searchHeader .searchLetters {
        padding: 20px 30px;
    }

    /*decrease top main content padding*/
    main .mainContent {
        padding: 50px 1vw;
    }

    /*Staff command faculty headshot shrink content mobile */
    .groupListing .groupContainer .headshotBox img {
        height: 500px;
    }
    /* >>>> userway <<<<<*/
    body .uwy.userway_p1 .uai {
        right: 46% !important;
    }

}


/* >>>>>>>>>>>>>   MAIN MEDIA QUERY 450 - MOBILE <<<<<<<<<<<<<<<<<  */
@media (max-width: 450px) {

    /* >>>> Home News <<<<< */
    .newsMain .newsHeadlineBox header {
        font-size: 2.3rem;
    }

    /*header shrink for mobile*/
    .bannerHeadline .bannerHeadlineBox header {
        font-size: 2.8rem;
    }

    /*Shrink all fonts slightly - Master switch*/
    html {
        font-size: 55%; /* font-size 1rem = 10px on default browser settings ie 0.6 is 6px and 1.6 is 16px*/
    }

    /*i am a mobile dd placement fix*/
    #iamaDropDown {
        top: 62px;
    }

    /*swap buttons to full width mobile*/
   .mainContent p .buttonSmall {
    width:90%;
    }

   /*Staff command faculty headshot shrink content mobile */
    .groupListing .groupContainer .headshotBox img {
        height: 400px;
    }

    /* >>>> userway <<<<<*/
    body .uwy.userway_p1 .uai {
        right: 45% !important;
    }

        /* >>>> acalog close button <<<<<*/
    .acalog .acalog-program-core-course-container .acalog-close {
        float: left;
        left: -30px;
        top: -10px;
    }

    /* >>>> group listing profile <<<<<*/
    .groupListing .groupContainer .headshotBox .hsTitle, .groupListing .groupContainer .headshotBox .hsEmail, .groupListing .groupContainer .headshotBox .profPhone {
        font-size: 1.8rem !important;
    }

}


    /* >>>>>>>>>>>>>   MAIN MEDIA QUERY 400 <<<<<<<<<<<<<<<<<  */
    @media (max-width: 400px) {


        /* >>>> Pagination <<<<<*/
        nav .pagination a {
            font-size: 1.8rem;
        }

        nav .pagination .prev {
            padding-right: 0px;
        }

        nav .pagination .next {
            padding-left: 0px;
        }

        /* >>>> userway <<<<<*/
        body .uwy.userway_p1 .uai {
            right: 44% !important;
        }

        /* >>>> People group view horizontal <<<<<*/section.groupListingHoriz .groupContainer .headshotBox img.sfphoto {
            height: 400px;
        }


    }

    /* >>>>>>>>>>>>>   MINIMUM MEDIA QUERY 768  <<<<<<<<<<<<<<<<<  */
    @media (min-width: 768px) {

        .accordion .card .card-header button {
            padding-left: 2.0rem;
        }

        .accordion .card .card-body {
            padding-left: 3.0rem;
        }
    }