:root {
  --mainColor: #236192;
  --mainApplyFAMUColor: #ff9800;
  --mainApplyFSUColor: #782F40;
}

body { background: #696969;}
.slider-text-box-flex, .slider-text-box-flex-center { background-color:#b7b09c; background-color: rgba(0,0,0,0.65); padding:1em 1.5em;}
.slider-text-box-flex, .slider-text-box-flex a,.slider-text-box-flex a:hover { color: #fff !important;}
.slider-text-box-flex-center {background-color:none; text-align: center;}

blockquote, div.default-block { background-color:  rgba(238,238,238,0.60); height:inherit; display: block;}
blockquote.cbe, div.cbe-block {border-left-color:rgba(164,210,51,0.85); background-color:rgba(164,210,51,0.15);}
blockquote.cee, div.cee-block {border-left-color:rgba(238,39,55,0.75); background-color:rgba(238,39,55,0.15);}
blockquote.ece, div.ece-block {border-left-color:rgba(0,207,180,0.85)!important; background-color:rgba(0,207,180,0.15);}
blockquote.ime, div.ime-block {border-left-color:rgba(0,187,200,0.85); background-color:rgba(0,187,200,0.15);}
blockquote.me, div.me-block, .me-block {border-left-color:rgba(35,97,146,0.75); background-color:rgba(35,97,146,0.15);}

div.default-block {border-left:5px solid rgba(64,64,64,0.50);}
div.cbe-block {border-left:5px solid rgba(164,210,51,1.00);}
div.cee-block {border-left:5px solid rgba(238,39,55,1.00);}
div.ece-block {border-left:5px solid rgba(0,207,180,1.00);}
div.ime-block {border-left:5px solid rgba(0,187,200,1.00);}
div.me-block {border-left:5px solid rgba(35,97,146,1.00);}
.famu-block {background-color: rgba(228,105,41,0.10); border-left:5px solid rgba(50,106,60,1.00);}
.fsu-block {background-color: rgba(242,237,226,0.40); border-left:5px solid rgba(141,1,4,1.00);}

div.faculty-affairs-helps {background-color:  rgba(191,191,191,0.95); height:inherit; display: block; margin: 0;}

div.default-block,div.cbe-block, div.cee-block, div.ece-block, div.ime-block, div.me-block,.me-block, div.famu-block, div.fsu-block{padding:15px 5px 10px 10px;}

/*p a, .section a {border-bottom: 1px solid rgba(0,0,0,0.05);}*/

.famu-heading {background-color:rgba(240, 140, 31,0.15); border-left:3px solid rgba(240, 140, 31,1.00); padding: 3px 0 3px 3px;}
.fsu-heading {background-color:rgba(115, 47, 64,0.15); border-left:3px solid rgba(115, 47, 64,1.00); padding: 3px 0 3px 3px;}

.label,.label-default {border-radius: 3px; background-color: rgba(0,0,0,0.5); color: #fff; font-size:.9em; padding: 2px 5px; position: relative;}
.label-cbe { background-color: rgba(164,210,51,.9);}
.label-cee { background-color: rgba(238,39,55,.9);}
.label-ece,.label-librarian{ background-color: rgba(0,207,180,.9);}
.label-ime,.label-staff { background-color: rgba(0,187,220,.9);}
.label-me {background-color: rgba(35,97,146,.9);}
.label-famu {background-color: rgba(240, 101, 34.9); bottom: 3px; margin-left: .5em;}
.label-fsu {background-color: rgba(120, 47, 64,.9); bottom: 3px; margin-left: .5em;}
.label-yellow {background-color: rgba(247,243,39,1.00); color: #000 !important;}
.label-gray {background-color: rgba(0,0,0,0.5) !important;}
.label-bio {background-color: rgba(0,0,0,0.25) !important; color: #000;}

h3.border-bottom {border-bottom: 2px solid #000;}

/* TABLE */
table { background-color: #E1E1E1 !important; border: 1px solid rgba(143,141,141,0.50) !important; border-bottom: none !important; /*border-bottom: 1px solid #000 !important;*/border-collapse: collapse; border-collapse: separate; border-spacing: 0; text-align:left; margin:5px 0; width: 100%;}
th { background-color: rgba(35,97,146,1.00); border-bottom: 1px solid #fff; color: #fff; margin:0; padding: 8px;}
th a, th a:hover, th a:active {color: #fff;}
td { /*background:#f3f3f3;*/ border-bottom: 1px solid rgba(143,141,141,0.50);border-right: 1px solid rgba(143,141,141,0.50); margin:0; padding: 8px; text-align:left;}
td:last-child {border-right:none !important;}
td.alt_bg, .alt-bg  { /* background-color: rgba(230,230,230,0.50) !important;*/ background-color: rgba(0,0,0,0.1) !important;}
td.center { text-align:center;}

/*tr:last-child { border-bottom: 1px solid rgba(143,141,141,0.50) !important;}*/
tr:hover { background-color: rgba(249,245,245,0.85);}
/*tr:last-child {border-bottom: 1px solid rgba(0,0,0,0.50) !important;}*/

.alternating-li li {margin-bottom: .75em; padding: 5px 0 10px 5px;}
.alternating-li li:nth-child(even) {background-color:rgba(0,0,0,0.05);}
.table-head-famu {background-color:rgba(222, 114, 26,0.85);}
.table-head-fsu {background-color:rgba(102, 36, 49,0.85);}

video { margin-bottom: 1.5em; width: 100% !important; height: auto !important;}

.fas.fa-phone-square, .fas.fa-envelope { color:rgba(35,97,146,1.0); display: inline-flex;}
.fa-phone-square::before {padding-right: 5px;}

/*#block-engineering-content a {
    position: relative;
    color: rgba(35,97,146,1.0);
        text-decoration-line: underline;
        text-decoration-color: rgba(0,187,220,.65);
}

#block-engineering-content a:hover {
        color: rgba(35,97,146,.85);
        color: rgba(0,187,220,1.00);
}
#block-engineering-content a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: rgba(35,97,146,1.0);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#block-engineering-content a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}*/

#block-engineering-content a {
/*    position: relative;*/
    color: rgba(35,97,146,1.0);
        text-decoration-line: underline;
        text-decoration-color: rgba(0,187,220,.65);
}

#block-engineering-content a:hover {
        color: rgba(35,97,146,.85);
        color: rgba(0,187,220,1.00);
        text-decoration-color: rgba(35,97,146,.85);
}

#block-engineering-content a.squiggle {
	border-bottom: 1px solid #236192 !important;
  color: inherit;
  padding-bottom: .25em !important;
  text-decoration: none !important;
}

#block-engineering-content a.squiggle:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23236192' stroke-width='1' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E") !important;
  background-position: bottom !important;
  background-repeat: repeat-x !important;
  background-size: 20% !important;
  border-bottom: 0 !important;
  padding-bottom: .2em !important;
  text-decoration: none !important;
	color: #236192 !important;
}

#block-engineering-content a.animateHL {
  background:
     linear-gradient(
       to bottom, var(--mainColor) 0%,
       var(--mainColor) 100%
     );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .2s;
  padding: 5px 10px;
	border: 1px solid rgba(35,97,146,.2);
}

#block-engineering-content a.animateHL:hover {
  background-size: 4px 50px;
	color: #FFF;
}

#block-engineering-content a.applyatFAMU {
  background:
     linear-gradient(
       to bottom, var(--mainApplyFAMUColor) 0%,
       var(--mainApplyFAMUColor) 100%
     );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .2s;
  padding: 5px 10px;
	border: 1px solid rgba(255,152,0,.2);
}

#block-engineering-content a.applyatFAMU:hover {
  background-size: 4px 50px;
	color: #FFF;
}

#block-engineering-content a.applyatFSU {
  background:
     linear-gradient(
       to bottom, var(--mainApplyFSUColor) 0%,
       var(--mainApplyFSUColor) 100%
     );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .2s;
	padding: 5px 10px;
	border: 1px solid rgba(120,47,64,.2);
}

#block-engineering-content a.applyatFSU:hover {
  background-size: 4px 50px;
	color: #FFF;
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
a.feed-icon {margin-left: 10px !important;}
a.feed-icon:before { color: orange !important; font-family: "Font Awesome 5 Free"; font-size: 1.35em; font-weight: 600; content: "\f143"; text-decoration: none !important;}
a.feed-icon:hover { text-decoration: none !important; border-bottom: 1px solid rgba(35,97,146,.95);}

/* WRAPPER */
.wrapper {
        background: #fff;
        color: #111;
        padding-bottom: 2em;}

/*
@media screen and (min-width: 768px) {
        .wrapper {
                background: #fff url("../images/body-main-80px.png") 50% 0% repeat-x;}
}

@media screen and (min-width: 992px) {
        .wrapper {
                background: #fff url("../images/body-main-40px.png") 50% 0% repeat-x;}
}
*/

.black-opacity-50 {background-color: rgba(0,0,0,.5);}

 a.where-our-research-happens {color:#006cb8 !important;}

.container.banner-with-text-bg {background-color: rgba(0,0,0,.8); margin-bottom:.65em;}
.container.banner-with-text-bg.me-bg {background-color: rgba(35,97,146,1.0);}
.banner-with-text {color:#FFF; position:relative; margin-top: -25%; width: 40%;}
.banner-with-text h1 {font-size:3.5em;}
.banner-with-text p {font-size: 22px; font-family: Helvetica, Arial, "sans-serif";}

div.img-responsive-sd img { display: block; width: 100% !important; height: auto !important;}
.img-center, img.img-center {margin:0 auto;}

.img-expand {width: 100%;}
.img-expand.zoom {
  position: relative;

  border: 1px solid #333;
  margin: 2%;
  overflow: hidden;
  width: 540px; width: inherit;}
.img-expand.zoom img {
  max-width: 100%;

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.img-expand.zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

.text-decor-c-1{text-decoration-color: #a4d233;}
.text-decor-c-2{text-decoration-color: #00cfb4;}
.text-decor-c-3{text-decoration-color: #00bbdc;}
.text-decor-c-4{text-decoration-color: #ee2737;}
.text-decor-c-5{text-decoration-color: #236192;}
.text-decor-c-6{text-decoration-color: #b7b09c;}

.section {margin: 1.5em 0; margin: 1rem 0 1.5em 0; margin: 0 0 1.5em 0;}
.section .margin-bottom-zero {margin: 0;}
.section .single-slide-text {text-align: center !important;}
.section .single-slide-text p.h1 { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 4em; padding: 1.5rem 15% 1.5rem; text-align: center !important;}
.section .single-slide-text p.h4 {padding: .5em 15% 3em; text-align: center !important;}

.section .dept-title-bg {background-color: rgba(0,0,0,0.75);}
.section .department-title p.h1 { font-family: 'EB Garamond', serif;font-size: 1.25em; font-weight: 100 !important; text-align: left !important;padding: .5rem 0 .75em; margin:0 1em 0 0;}
.section .container .department-title .col-xs-12.pos-relative {padding-left: 0 !important;}
.section .top37 {margin-top: 37px;}

.eng-0,.black {color: #000 !important;}
.eng-1,.cbe-color {color: #a4d233 !important;}
.eng-2,.ece-color {color: #00cfb4 !important;}
.eng-3,.ime-color {color: #00bbdc !important;}
.eng-4,.cee-color {color: #ee2737 !important;}
.eng-5,.me-color {color: #236192 !important;}
.eng-6 {color: #b7b09c !important;}
.eng-serves {color: #5C90FD !important;}
.eng-serves- {color: #00CFB4 !important;}

.eng-c-0 {background-color: #000000;}
.eng-c-1,.cbe-bg {background-color: #a4d233;}
.eng-c-2,.ece-bg {background-color: #00cfb4;}
.eng-c-3,.ime-bg {background-color: #00bbdc;}
.eng-c-4,.cee-bg {background-color: #ee2737;}
.eng-c-5,.me-bg {background-color: #236192;}
.eng-c-6 {background-color: #b7b09c;}
.dk-grey-bg {background-color:rgba(64,64,64,1.00);}
.md-grey-bg {background-color:rgba(128,128,128,1.00);}
.lt-grey-bg {background-color:rgba(191,191,191,1.00);}

.eng-c-00-rgba {background-color: rgba(153,153,153,0.65);}
.eng-c-0-rgba {background-color: rgba(0,0,0,0.5);}
.eng-c-1-rgba,.cbe-rgba {background-color: rgba(164,210,51,0.75);}
.eng-c-2-rgba,.ece-rgba {background-color: rgba(0,207,180,0.75);}
.eng-c-3-rgba,.ime-rgba {background-color: rgba(0,187,220,0.75);}
.btn.btn-default.eng-c-3-rgba:hover {color: #FFF;background-color: rgba(0,187,220,1.00) !important;}
.eng-c-4-rgba,.cee-rgba {background-color: rgba(238,39,55,0.75);}
.btn.btn-default.eng-c-4-rgba:hover {color: #FFF !important;background-color: rgba(238,39,55,1.00) !important;}
.eng-c-5-rgba,.me-rgba {background-color: rgba(35,97,146,0.75);}
.eng-c-6-rgba {background-color: rgba(183,176,156,0.75);}

.eng-c-1-rgba-25 {background-color: rgba(164,210,51,0.25);}
.eng-c-2-rgba-25 {background-color: rgba(0,207,180,0.25);}
.eng-c-3-rgba-25 {background-color: rgba(0,187,220,0.25);}
.eng-c-4-rgba-25 {background-color: rgba(238,39,55,0.25);}
.eng-c-5-rgba-25 {background-color: rgba(35,97,146,0.25);}
.eng-c-6-rgba-25 {background-color: rgba(183,176,156,0.25);}

.eng-c-1-rgba-50 {background-color: rgba(164,210,51,0.5);}
.eng-c-2-rgba-50 {background-color: rgba(0,207,180,0.5);}
.eng-c-3-rgba-50 {background-color: rgba(0,187,220,0.5);}
.eng-c-4-rgba-50 {background-color: rgba(238,39,55,0.5);}
.eng-c-5-rgba-50 {background-color: rgba(35,97,146,0.5);}
.eng-c-6-rgba-50 {background-color: rgba(183,176,156,0.5);}

.eng-c-0,
.eng-c-1,
.eng-c-2,
.eng-c-3,
.eng-c-4,
.eng-c-5 { color: #fff;}

.wrap-table {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table;}
.wrap-table-inner {
    display: table-cell;
    vertical-align: middle;}
.pos-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
.pos-absolute-center {
    position: absolute; top: inherit;
        margin: 0 auto !important;}
.pos-absolute-bottom-left {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;}

.pos-absolute-bottom-right {
    position: absolute;
    bottom: 2rem;
    right: 0;}
.pos-relative { position: relative;}

.display-block { display: block;}

.floatright, img.floatright {float: right; margin-left: 1rem; margin-bottom: 1rem;}

/* Parallax Effect */
.parallax {
        height: 400px;
        background-attachment: fixed;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;}

.parallax p.h1 {
        font-size: 5.5em !important;
        position: relative;
        top:35%;}
.parallax h1 {font-size:3em;text-shadow: 0 0 10px rgba(0,0,0,0.65) !important;}

.parallax.services { background-image: url("../images/adobe.jpg");}
.parallax.research { background-image: url("/sites/default/files/inline-images/research-microscopes-1600x400.jpg");}
.parallax.landing { background-image: url("/sites/default/files/images/parallax-landing-bg-img-1.jpg");}
.parallax.msse { background-image: url("/sites/default/files/images/parallax-landing-bg-img-msse.jpg");}
.parallax.msse2 { background-image: url("/sites/default/files/images/parallax-landing-bg-img-male-at-cpu.jpg");}
.parallax.msse-micro { background-image: url("/sites/default/files/images/parallax-msse-micro-bg-img.jpg");}
.parallax.meng { background-image: url("/sites/default/files/images/parallax-landing-bg-img-meng.jpg");}
.parallax.mseng { background-image: url("/sites/default/files/images/parallax-micro-mseng-bg-img.jpg");}
.parallax.spring-2020-esd { background-image: url("/sites/default/files/images/ESD-2020-slider-1200x500.jpg");}
.parallax.research-header-img { background-image: url("/sites/default/files/images/parallax-research-header-img.jpg");}
.parallax.me-help-center { background-image: url("/sites/default/files/inline-images/me-help-center.jpg");}
.parallax.eie-about { color: #FFF; height: 400px; background-image: url("/sites/default/files/inline-images/49-1kx1k-.jpg");
    filter: alpha(opacity=50);}
.parallax.blue {background-color: rgb(0,187,220);opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */}


/* College Statistics */
.preview { float: left; text-align: center; margin-bottom: 30px; width: 50%;}
.preview img { float: none; margin: 0;}
.preview a:first-child { border: none;}

/* Dean's Contacts */

#deanscontacts img { float: left; margin: 0 10px 10px 0;}
#deanscontacts h3 { float: left; margin: 10px 0 5px 0; width: 100%;}
#deanscontacts h3 a { font-size: inherit;}
#deanscontacts h4 { float: left; margin: 10px 0 5px 0; width: 100%;}
#deanscontacts h4 a { font-size: inherit;}
#deanscontacts p { float: left; margin: 10px 0 5px 0; width: 100%;}
#deanscontacts ul { float: left; margin: 10px 0 5px 0; width: 100%;}
#deanscontacts li { border-bottom: 1px solid #ccc; float: left; font-size: 12px; min-height: 100px; list-style-type: none; margin: .5em 3% 5px 0; width: 47%; padding-bottom: .5em;}
#deanscontacts li a { font-size: inherit !important;}
#deanscontacts strong { font-size:1.1em;}
#deanscontacts em {color:#666;font-style: italic;}
#deanscontacts .last { border-bottom: none;}

.top { text-align: right;}

/* Give webpage */
.foundations { margin:0; margin-left:auto; margin-right:auto; padding:0; text-align:center;}
.foundations a, .foundations a:hover, .foundations img, .foundations img:hover { border:none !important; float:none !important; text-decoration:none; text-wrap:normal;}

.foundations { margin:0; margin-left:auto; margin-right:auto; padding:0; text-align:center;}
.foundations a, .foundations a:hover, .foundations img, .foundations img:hover { display:block; float:left; text-align:center; text-decoration:none; padding: 1rem;}
.foundations img, .foundations img:hover { display: inline; /*margin-top:20px;*/}

.padding-0 { padding: 0;}

/*.KeyLinksButton {margin-bottom: -45px !important;}*/
#block-homekeylinks { position: relative;margin: 1em 0 -3.5em 0;}

.main-menu-4-col-drop {padding: 1.25rem 1.1rem; padding: 1.25rem;}
/*.main-menu-4-col-drop .col-md-3 {padding-left: 0px;}*/
.main-menu-4-col-drop .col-md-3 p.h4 {margin-top: 0px;}
.main-menu-4-col-drop .col-md-3 ul {padding-left:15px; padding-left: 10px;}
.main-menu-4-col-drop .col-md-3 ul li { font-size: 1.5rem; list-style-type: none;}
.padding-left-zero {padding-left: 0px}

.lSSlideOuter .lSPager.lSGallery li.non-active { visibility: hidden !important;}

.bold { font-weight:bold;}
.green {color:rgba(70,192,2,1.00);}
.green-bg {background-color:rgba(10,151,1,0.15);}
.garnet {color:rgba(141,1,4,1.00);}
.garnet-bg { background-color: rgba(141,2,5,0.15);}
.no-bg { background-color: none !important;}
.red {color:red;}
.white {color:#FFF!important;}
.off-white {color:#F1F1F1;}
.yellow { color: rgba(247,243,39,1.00) !important; /*text-transform: uppercase;*/}

.college_mission { float: right;}

.js-form-item-sort-by, .js-form-item-sort-order {float: left; margin-right: 2em;}
img.mission{ margin:15px 0;}
img.college_mission {float:left; margin: 0 15px 15px 0;}

.margin-bottom1em {margin-bottom:1em !important;}
.margin-bottom2em {margin-bottom:2em !important;}
.mt-spacing {/*margin-top: -100px; padding-bottom: 100px; display: block !important;*/
        margin-top: -50px !important; padding-bottom: 100px !important; padding-bottom: 78px !important; display: block !important; border-bottom: none !important; visibility: hidden !important;
}
.mt-spacing-new {/*margin-top: -100px; padding-bottom: 100px; display: block !important;*/
        margin-top: -50px !important; padding-bottom: 100px !important; padding-bottom: 65px !important; display: block !important; border-bottom: none !important; visibility: hidden !important;
}

.mb--1 {margin-bottom:-1em !important;}
.mb--2 {margin-bottom:-2em !important;}
.mb-0 {margin-bottom:0em !important;}
.mb-1 {margin-bottom:.25em !important;}
.mb-2 {margin-bottom:0.5em !important;}
.mb-3 {margin-bottom:1em !important;}
.mb-4 {margin-bottom:1.5em !important;}
.mb-5 {margin-bottom:3em !important;}
.mb--1 {margin-bottom:-1em !important;}
.mb--2 {margin-bottom:-2em !important;}

.mt-0 {margin-top:0em !important;}
.mt-1 {margin-top:.25em !important;}
.mt-2 {margin-top:0.5em !important;}
.mt-3 {margin-top:1em !important;}
.mt-4 {margin-top:1.5em !important;}
.mt-5 {margin-top:3em !important;}

.ml-0 {margin-left:0em !important;}
.ml-1 {margin-left:.25em !important;}
.ml-2 {margin-left:0.5em !important;}
.ml-3 {margin-left:1em !important;}
.ml-4 {margin-left:1.5em !important;}
.ml-5 {margin-left:3em !important;}

.mr-3 {margin-right: 1em;}
.mr-4 {margin-right: 1.5em;}

.mlr-0 { margin-left:-15px; margin-right:-15px;}

.pb-0 {padding-bottom:0 !important;}
.pb-1 {padding-bottom:0.25em !important;}
.pb-2 {padding-bottom:0.5em !important;}
.pb-3 {padding-bottom:1em !important;}
.pb-4 {padding-bottom:1.5em !important;}
.pb-5 {padding-bottom:3em !important;}

.pt-0 {padding-top:0 !important;}
.pt-1 {padding-top:0.25em !important;}
.pt-2 {padding-top:0.5em !important;}
.pt-3 {padding-top:1em !important;}
.pt-4 {padding-top:1.5em !important;}
.pt-5 {padding-top:3em !important;}

.pl-0 {padding-left:0px !important;}
.pl-1 {padding-left:0.25em !important;}
.pl-2 {padding-left:0.5em !important;}
.pl-3 {padding-left:1em !important;}
.pl-4 {padding-left:1.5em !important;}
.pl-5 {padding-left:3em !important;}

.pr-0 {padding-right:0px !important;}
.pr-1 {padding-right:0.25em !important;}
.pr-2 {padding-right:0.5em !important;}
.pr-3 {padding-right:1em !important;}
.pr-4 {padding-right:1.5em !important;}
.pr-5 {padding-right:3em !important;}

.padding-zero {padding: 0px !important;}

/* IME Advisory Council */
.ime-advisory-title {font-size: 2em; padding-left: .75em; padding-top: .5em;}
.ime-advisory, .ime-advisory-body {padding:1.5em !important;}
.advisory-council {margin-bottom:1em;}
.advisory-council:nth-child(even) {background-color:rgba(0,0,0,0.05) !important;}


.advisory-council-co-name::first-line,
.advisory-council-co-location::first-line { color: darkgrey; font-size: 15px !important; font-weight: 100 !important;}
.advisory-council-co-name { color: #000; font-size: 30px !important; font-weight: 400 !important;}
#block-engineering-content .advisory-council-co-location p { color: #000; font-size: 30px !important; font-weight: 400 !important;}

/* News */

#block-views-block-news-block-1 {margin-bottom: 2.5em;}
.views-field.views-field-field-article-thumbnail.news-thumbnail, .views-field.views-field-field-article-thumbnail img{ float: left; margin-right: 1em;}
span.views-field.views-field-field-article-thumbnail.news-thumbnail img, .alumni-news-thumb img {border-radius: 8% !important;}
.news-title {font-size:1.25em;}
.views-field.views-field-title.new-title, .news-title {margin-left: 0; float: initial;}
.views-field.views-field-title.new-title a,
.views-field.views-field-title.new-title a:hover,
.stu-spotlight-title a,
/*.news-title a {color: #00bbdc; border-bottom: none !important;}
.news-title a:hover {color: #236192;}*/
.views-field.views-field-title span.field-content a, .story.story-txt a { border-bottom: none !important;}
/*.views-field.views-field-title.new-title a:hover { color: #236192;}*/
.view-news-body {color:#666; margin-top:.5em;}
#block-views-block-news-block-2,
#block-views-block-news-block-3 {margin-bottom: 4em;}
.more-link { border-radius:5px; margin-top:1em; padding:5px 10px; width:fit-content !important;}
#block-views-block-news-block-1 .more-link,
#block-views-block-news-block-2 .more-link,
#block-views-block-news-block-3 .more-link,
#block-views-block-news-block-4 .more-link,
#block-views-block-news-block-5 .more-link,
#block-views-block-news-block-6 .more-link,
#block-views-block-news-block-7 .more-link,
#block-views-block-news-block-8 .more-link,
#block-views-block-news-block-11 .more-link,
#block-views-block-news-block-12 .more-link,
#block-views-block-news-block-19 .more-link,
#cbe-graduate-seminars-button .more-link,
#block-views-block-upcoming-events-block-13 .more-link {display: block; margin-bottom: 1em;}
#block-views-block-news-block-5 .more-link,
#block-views-block-news-block-12 .more-link {background-color: rgba(0,187,220,0.85);}
#block-views-block-news-block-5 .more-link:hover,
#block-views-block-news-block-12 .more-link {background-color: rgba(0,187,220,1.0);}
#block-views-block-news-block-2 .more-link,
#cbe-graduate-seminars-button .more-link,
#block-views-block-news-block-8 .more-link {background:rgb(164,210,51) !important;  background-color: rgba(164,210,51,0.85) !important;}

#block-views-block-news-block-1 .more-link,
#block-views-block-news-block-6 .more-link,
#block-views-block-news-block-10 .more-link,
#block-views-block-news-block-19 .more-link {background-color: rgba(35,97,146,.95);}
#block-views-block-news-block-1 .more-link:hover,
#block-views-block-news-block-6 .more-link:hover,
#block-views-block-news-block-10 .more-link:hover,
#block-views-block-news-block-19 .more-link:hover {background-color: rgba(35,97,146,1.0);}

#block-views-block-news-block-3 .more-link {background-color: rgba(238,39,55,0.85);}
#block-views-block-news-block-3 .more-link:hover {background-color: rgba(238,39,55,1.0);}
#block-views-block-news-block-11 .more-link {background-color:rgba(35,97,146,.85);}
#block-views-block-news-block-11 .more-link:hover {background-color:rgba(35,97,146,1.0);}
#block-views-block-news-block-2 .more-link:hover,
#cbe-graduate-seminars-button .more-link:hover,
#block-views-block-news-block-8 .more-link:hover {background-color: rgba(118,159,18,1.00) !important;}

#block-views-block-news-block-4 .more-link { background-color: rgba(0,207,180,0.85);}
#block-views-block-news-block-4 .more-link { background-color: rgba(0,207,180,1.00);}

#block-views-block-news-block-7 .more-link,
#block-views-block-upcoming-events-block-11 .more-link,
#block-views-block-upcoming-events-block-2 .more-link,
#block-views-block-upcoming-events-block-3 .more-link,
#block-views-block-upcoming-events-block-13 .more-link,
#block-views-block-upcoming-events-block-13-2 .more-link,
#block-views-block-upcoming-events-block-16 .more-link {background-color: rgba(35,97,146,0.95);}

#block-views-block-news-block-7 .more-link:hover,
#block-views-block-upcoming-events-block-2 .more-link:hover,
#block-views-block-upcoming-events-block-13 .more-link:hover,
#block-views-block-upcoming-events-block-13-2 .more-link:hover,
#block-views-block-upcoming-events-block-16 .more-link:hover {background-color: rgba(35,97,146,1.00);}

#block-views-block-upcoming-events-block-1 {min-height:365px;}

#block-views-block-upcoming-events-block-1 .more-link,
#block-views-block-upcoming-events-block-14 .more-link {background-color: #236192;}
.more-link a, .more-link a:hover { color: #FFF; font-size: 1.5em; text-shadow: 1px 1px #000;}

#block-views-block-upcoming-events-block-2,
#block-views-block-upcoming-events-block-13-2 {
        margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid rgba(191,191,191,0.25);}


/*.cbe-news-title a:hover {color: rgba(118,159,18,1.00) !important;}*/

/* COE // BLUE - hyperlink text */
#block-views-block-news-block-1 .views-field.views-field-title.new-title,
#block-views-block-employment-block-6 a,
.coe-news-title a,
#block-views-block-news-block-1 .views-field.views-field-title.new-title:hover,
#block-views-block-employment-block-6 a:hover,
.coe-news-title a:hover {color: rgba(35,97,146,1.0);}

/* CEE // RED - hyperlink text */
/*#block-views-block-news-block-13 a,*/

#block-views-block-news-block-3 .more-link a, #block-views-block-news-block-3 .more-link a:hover {color: #FFF !important;}
#block-views-block-news-block-3 a:hover,
/*#block-views-block-news-block-13 a:hover,*/
#block-views-block-employment-block-3 a {color: rgba(238,39,55,.85);}
#block-views-block-employment-block-3 a:hover {color: rgba(238,39,55,1.00);}

#block-views-block-employment-block-5 a {color: rgba(0,207,180,.85);}
#block-views-block-employment-block-5 a:hover {color: rgba(0,207,180,1.00);}

/*.cee-news-title a:hover {color: rgba(238,39,55,1.0)!important;}*/

#block-views-block-news-block-2 .views-field.views-field-title.new-title a,
#block-views-block-news-block-8 .views-field.views-field-title.new-title a,
#block-views-block-employment-block-2 a {color: rgba(164,210,51,0.9);}
#block-views-block-news-block-2 .views-field.views-field-title.new-title a:hover,
#block-views-block-news-block-8 .views-field.views-field-title.new-title a:hover,
#block-views-block-employment-block-2 a:hover {color: rgba(164,210,51,0.9);}
#block-views-block-news-block-2 .views-field.views-field-title.new-title a:hover { color: rgba(118,159,18,1.00);}

#block-views-block-news-block-23,
#block-views-block-news-block-24,
#block-views-block-news-block-25,
#block-views-block-news-block-26,
#block-views-block-news-block-27,
#block-views-block-news-block-28,
#block-views-block-news-block-29,
#block-views-block-news-block-30,
#block-views-block-news-block-31,
#block-views-block-news-block-32 {border-top: 1px solid #eee;border-top: 3px solid rgba(128,128,128,.15); padding:2em 0 !important;}

#block-views-block-upcoming-events-block-3 {margin-bottom: 40px;}
/*.ece-news-title a:hover {color: rgba(0,207,180,1.00) !important;}*/

#block-views-block-upcoming-events-block-13 {margin-top: 50px;}

.eventStartDate {font-size:1.65em; color: #236192; margin-bottom: -15px;}
.eventLocation {font-size:1.65em; position: relative; margin-bottom: 1em;}
.eventLocation>div:nth-child(1) {float: left; margin-right: .5em;}
.eventLocation>div:nth-child(2) {color: #236192;}
.eventBody, .eventContactName, .eventContactEmail, .eventContactPhone { font-size: 1.25em;}


/* IME // Light BLUE - hyperlink text */
#block-views-block-employment-block-4 a {color: rgba(64,64,64,0.90) !important;}
#block-views-block-employment-block-4 a:hover,
.ime-news-title a:hover { color: rgba(64,64,64,1.00) !important;}

.cbe-news-title a, .cee-news-title a, .ece-news-title a, .ime-news-title a, .me-news-title a {color: rgba(64,64,64,.9) !important;}

/* Alumni News */

.alumni-flex {display: flex;}
.alumni-body {padding: 5px;}
.alumni-body p {margin-left: 10px;}
.alumni-flex.views-row:nth-child(even) {background-color:rgba(0,0,0,0.05);}

.alumni-news-row {display:table; margin-bottom: 1.5em; padding: 10px; width: 100%}
.alumni-news-row:nth-child(even) {background-color:rgba(0,0,0,0.05);}
.alumni-news-thumb, .alumni-news-thumbnail, .me-alumni-news-thumbnail {float:left; margin-right:1em;}
.alumni-news-title,
.me-alumni-news-title {font-size:1.25em;}

/********************************************************
        Facilities
 ***************************************************** */
.research-facilities {padding:1.5em !important;}
.research-facilities:nth-child(even) {background-color:rgba(0,0,0,0.05);}

/* Student Spotlight */
.stu-spotlight-thumb, .stu-spotlight-thumb img { float: left; margin-right: 1em; width: 100px !important; height: auto; border-radius: 8%;}
.stu-spotlight-title { font-size: 1.25em;}

/********************************************************
        Figure/Figcaption
 ***************************************************** */
figure, #article > img, #article > object,
#article > iframe, #article > video { background: #fff; clear: right; float: right; font-size: 11px; margin: 0 0 15px 15px; text-align: center;}
figure img { float: none; margin: 0;}
figure strong, figcaption b { font-weight: bold;}
figcaption { display: block; padding: 5px 3px 0 3px;}
figcaption a, figcaption em, figcaption strong, figcaption b, figcaption i { font-size: 11px;}
figcaption em, figcaption i { font-style: italic;}
figcaption small, figcaption small a, figcaption small em, figcaption small strong { font-size: 9px;}

img.filter-grayscale {
        -webkit-filter: grayscale(90%) contrast(90%);
    filter: grayscale(90%) contrast(90%);
    opacity: 0.25;}

img.pull-right { margin: 1em 0 1em 1em;}
img.pull-left { margin: 1em 1em 1em 0;}
div.cutline, div.cutline-ece { background-color:rgba(128,128,128,0.15); border-left: 3px solid rgba(64,64,64,0.50);font-size: 1.25em; padding:15px 10px;}
div.cutline-ece { background-color:rgba(0,207,180,0.15); border-left: 3px solid rgba(0,207,180,0.75);}
div.left-rule-line { border-left: 1px solid rgba(102,102,102,1.00) !mportant; padding-left: 1em !mportant;}

.flex-content-between a, .flex-content-between a:hover {color: #FFF;}

/********************************************************
        Student Orgs Pages
 ***************************************************** */
.stu-orgs-item-list ul {padding-left:0;}
li.stu-org {border-bottom: 1px solid rgba(0,0,0,0.15);padding: 1em; list-style-type: none;}
li.stu-org:last-child {border-bottom: none;}
li.stu-org:nth-last-child(even) {background-color: rgba(0,0,0,0.05);}

.me-graduation-photos img {width:100% !important; height: auto !important;}

/********************************************************
  CEE Research Pages
 ***************************************************** */

#area { font-size:12px;}
#area_fac, #area_interest { width:950px !important; margin:0; padding:0 0 15px 0; position:relative; left:0; top:0;}
#area_fac img {float:left; margin:0px 10px 10px 0;}
#area_fac li { border:none; display: inline-block; float:left; height:71px; width:215px; margin:10px 10px 0 0; padding:0; position:relative;}
#area_fac li:hover { background:#eaeaea;}
#area_fac span { color:#000;}

#area { font-size:12px;}
#area_fac, #area_interest { width:98% !important; margin:0; padding:0 0 15px 0; position:relative; left:0; top:0;}
#area_fac img {float:left; margin:0px 10px 10px 0;}
#area_fac li { border:none; display: inline-block; float:left; height:71px; width:215px; margin:10px 10px 0 0; padding:0; position:relative;}
#area_fac li:hover { background:#eaeaea;}
#area_fac span { color:#000;}

#block-views-block-cbe-major-specific-requirements-block-1 .views-accordion-header.ui-accordion-header.ui-accordion-header-active.ui-state-active { border:1px solid #03927f !important; background: rgba(164,210,51,1.00) !important;}
#block-engineering-content .views-accordion-header.ui-accordion-header,
#block-views-block-me-phd-degree-requirements-block-1 .views-accordion-header.ui-accordion-header,
#block-views-block-me-undergraduate-curriculum-block-1 .views-accordion-header.ui-accordion-header {background-color: rgba(238,29,55,0.25) !important;}
#block-engineering-content .views-accordion-header.ui-accordion-header.ui-accordion-header-active.ui-state-active,
#block-views-block-me-phd-degree-requirements-block-1 .views-accordion-header.ui-accordion-header.ui-accordion-header-active.ui-state-active,
#block-views-block-me-undergraduate-curriculum-block-1 .views-accordion-header.ui-accordion-header.ui-accordion-header-active.ui-state-active {background-color: rgba(238,29,55,0.95) !important;}

#block-views-block-ph-d-descriptions-block-1 .views-accordion-header.ui-accordion-header.ui-accordion-header-active.ui-state-active { border:1px solid #03927f !important; background: rgba(164,210,51,1.00) !important;}
#block-views-block-ph-d-descriptions-block-1 .ui-accordion .ui-accordion-header {    background-color: rgba(164,210,51,0.25);}

/********************************************************
  Buttons
 ****************************************************** */
.btn.btn-default { background-color: rgba(0,0,0,0.05); font-size: 1.25em; margin-bottom:.5em;}
a.btn.btn-default,a.btn.btn-default.rounded { text-decoration: none !important;}
a.btn.btn-default.rounded { border-radius: 5em !important;}
.btn.btn-default:hover, .fas.fa-file-pdf.me-color:hover { color: #FFF !important; background-color: rgba(35,97,146,.75);}
.fas.fa-file-pdf.me-color:hover {background-color: transparent !important;}
.btn.btn-default.btn-cbe,.btn.btn-default.btn-cee,.btn.btn-default.btn-ece,.btn.btn-default.btn-ime,.btn.btn-default.btn-cee, .btn.btn-default.btn-landing {color: rgba(255,255,255,.95)!important;}
.btn.btn-default.btn-famu:hover,.btn.btn-default.btn-fsu:hover,
.btn.btn-default.btn-cbe:hover,.btn.btn-default.btn-cee:hover,.btn.btn-default.btn-ece:hover,.btn.btn-default.btn-ime:hover,.btn.btn-default.btn-me:hover {color: #FFF !important;}
.btn.btn-default.btn-cbe,.btn.btn-default.btn-cee,.btn.btn-default.btn-ece,.btn.btn-default.btn-ime,.btn.btn-default.btn-cee { color: rgba(255,255,255,1)!important;}
.btn.btn-default.btn-famu { background-color: rgba(228,105,41, 0.25); background-color: rgba(236,123,54,0.25);}
.btn.btn-default.btn-famu:hover { background-color: rgba(228,105,41,1.00); background-color: rgba(236,123,54,1.0);}
.btn.btn-default.btn-fsu { background-color: rgba(206,184,137, 0.25);}
.btn.btn-default.btn-fsu:hover { background-color: rgba(110,52,64,1.00);}
.btn.btn-default.btn-cbe {background: rgba(164,210,51,0.75);}
.btn.btn-default.btn-cbe:hover { background: rgba(164,210,51,0.95);}
.btn.btn-default.btn-ime { background: rgba(0,187,220,0.85);}
.btn.btn-default.btn-ime:hover { background: rgba(0,187,220,1.0);}
.btn.btn-default.btn-ece { background: rgba(0,207,180,0.75);}
.btn.btn-default.btn-ece:hover { background: rgba(0,207,180,0.95);}
.btn.btn-default.btn-me { color: #FFF !important; background: rgba(35,97,146,0.9);}
.btn.btn-default.btn-me:hover { background: rgba(35,97,146,1.0);}
.btn.btn-default.btn-cee { background: rgba(238,39,55,0.75);}
.btn.btn-default.btn-cee:hover { background: rgba(238,39,55,1.00);}

.btn.btn-default.btn-landing {
    background-color: rgba(54, 121, 119,1);
    border-color: rgba(255,255,255,1);
        color: rgba(255,255,255,1);}

.btn.btn-default {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    overflow: hidden;
    cursor: pointer;}

.cbe-btm-rule {border-bottom:5px solid #A4D233 !important;}
.cee-btm-rule {border-bottom:5px solid #00BBDC !important;}

hr {border-top: 1px solid #eee;border-top: 3px solid rgba(128,128,128,.15);}
hr {border-top: 1px solid #eee;border-top: 1px solid rgba(0,0,0,.9);}

hr.famu-org-rule { border-bottom: 1px solid rgba(240, 140, 31,0.75); margin: 1em 0;}
hr.fsu-rule {border-bottom: 1px solid rgba(115, 47, 64,0.75); margin: 1em 0;}

.coe-vertical-rule{border-left:5px solid rgba(35,97,146,.75); margin-right: 1em;}
.famu-vertical-rule {border-left:5px solid rgba(21,90,45,.75); margin-right: 1em;}
.fsu-vertical-rule {border-left:5px solid rgba(141,1,4,1.0);}

.courses-alternating div { padding:1em .5em;}
.courses-alternating div.alt-bg { background: rgba(113,109,110,0.07) !important; margin: 0px;}
.courses-alternating hr { margin:0}

.heading-hover,.heading-hover a:hover {font-size:20px; padding-top:1em; -webkit-animation-duration: 4s !important;}
.heading-hover a:hover {color: #FFF !important;}
.heading-hover-cbe:hover {background-color:rgba(164,201,51,0.60);}
.heading-hover-cee:hover {background-color:rgba(0,187,220,0.60);}

.img-hover-with-text, .img-hover-with-text:hover { display: block;font-size:20px; padding-top:1em; -webkit-animation-duration: 4s !important;}
.img-hover-with-text a,.img-hover-with-text a:hover {color: #FFF !important;}
.img-hover-with-text-cee:hover {background-color:rgba(0,207,180,0.60);}
.img-hover-with-text-ece:hover {background-color:rgba(0,207,180,0.60);}

.big-number { color:#fff;font-size:3em; margin:0.75em;text-align: center !important; vertical-align: baseline;}

/* Module */
.module {display: inline-block;position: relative; margin-bottom: 30px;}
.module.photo div { position: relative; margin-bottom: .625em;}
.module.photo h3 { bottom:30px; font-weight: 100 !important; position: absolute; z-index: 1; padding: 6px;}
.col-fifths {width:19%; margin:0 .5% 1% 0;}

.search-block-form { font-size:.60em !important;/*margin-top:-7px;*/}

/* Hyperlinks within the content area(s)
#block-engineering-content a{
        display: block;
    color: inherit;
    text-decoration: none;border-bottom: 1px solid rgba(191,191,191,0.75);}
#block-engineering-content a::before {
        }
#block-engineering-content a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
        background: gray;
    transition: width .3s;}
#block-engineering-content a:hover::after { width: 100%; //transition: width .3s;}
#block-engineering-content img, #block-engineering-content img:hover { background: none; border-bottom: none !important;}
 */

ul.ece-grad-forms img {
    float: left;
    margin: 0 10px 20px 0;
        padding: 2px;}
ul.ece-grad-forms li { display:-webkit-box; margin-bottom:1em;}

#archiveList ul {padding-left:20px !important;}

.hovereffect { width: 100%;height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #42b078;}
.hovereffect-cbe {background: rgba(164,210,51,.90);}
.hovereffect-cee {background: rgba(238,39,55,.90);}
.hovereffect-ece {background: rgba(0,207,180,.90);}
.hovereffect-ime {background: rgba(0,187,220,.90);}
.hovereffect-me {background: rgba(35,97,146,.90);}

.hovereffect .overlay { width: 100%; height: 100%;
        position: absolute; overflow: hidden;
        top: 0;top: 5%; left: 0;
        padding: 50px 20px; padding: 50px 0px; padding: 10% 0px;}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);}

.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
  background-color: rgba(0,0,0,.5);}

.hovereffect h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);}

.hovereffect:hover h3:after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.hovereffect a, .hovereffect p {
  color: #FFF !important;
  text-decoration-color: rgba(255,255,255,.65) !important;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);}
.overlay a:before {text-decoration-color: rgba(255,255,255,.65) !important;}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);}

/* 3D button hover effect */
.threed:hover {
        box-shadow:
                1px 1px #53a7ea,
                2px 2px #53a7ea,
                3px 3px #53a7ea;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);}

/* ========================
         BUTTON ONE
   ======================== */
.btn-one {
    color: #FFF;
    transition: all 0.3s;
    position: relative;}
.btn-one span {
    transition: all 0.3s;}
.btn-one::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(255,255,255,0.5);
    border-bottom-color: rgba(255,255,255,0.5);
    transform: scale(0.1, 1);}

.btn-one:hover::before {
    opacity: 1;
    transform: scale(1, 1);}
.btn-one::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    background-color: rgba(255,255,255,0.1);}
.btn-one:hover::after {
    opacity: 0;
    transform: scale(0.1, 1);}

.a-top, .page-anchor {margin-top: -70px; padding-bottom: 70px; display: block !important;}

/* STUDENT SERVICES */

#student-services h3 { color: #FFF; margin-top: 0px!important; margin-bottom: .85em !important; padding:.5em;}
#student-services img {margin-bottom:0px !important;}
#student-services li a,#student-services li a:hover {font-size:1.5em; list-style-type: none;}


.numberCircle {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 50% 0;
  border-radius: 50%;

  /* Just making it pretty
  @shadow: rgba(0, 0, 0, .1);
  @shadow-length: 4px;
  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
          box-shadow: 0 @shadow-length 0 0 @shadow;
  text-shadow: 0 @shadow-length 0 @shadow;
 */
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,.65);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0,.65);
  color: white;
  font-family: Helvetica, Arial Black, sans;
  font-size: 50px;
  text-align: center;
  margin-top: 37%;
  font-weight: bolder;
  line-height: 3px;
}

.views-field.views-field-field-student-project-image.field-content.col-sm-6 pull-right img { width: 100% !important; height: auto !important;}
.text-bold { font-weight:bold !important;}

.big-headers {padding-left: 30%;}
.big-headers h2, .big-headers p {
}

.landing-hero {min-height: 400px !important; padding: 0px;}
.landing-hero h1 {font-family: Oswald !important; font-size: 68px;  font-weight: 400 !important;  margin-bottom: 20px; text-shadow: none !important; letter-spacing:2px !important;}

.landing-header {
    position: relative;
    overflow: hidden;
    background-color: #333;
        display: block;
}

.landing-header:after, .landing-header:before, .text-mod .section-txt:after, .text-mod .section-txt:before {content: " "; display: table;}

.landing-header .header-content {
    letter-spacing: .05em;
    line-height: 1.75;
    float: left;
    padding: 2.5rem 3rem;
    width: 100%;
    color: #fff;
    background-color: transparent;
}
.landing-header img {
    float: right;
    width: 100%;
    height: auto;
}

div.emailaddress { font-size:1.5em; margin-top: 0.5em; margin-bottom: 1em;}
div.personalwebsite, .education div { font-size:1.5em; margin-top: 0.5em; margin-bottom: 1em;}
div.education { font-size:1.25em; margin-bottom:2.5em;}
div.center {margin:0;display:table-cell;vertical-align: middle;}

/* Social Media*/
.fa-instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
  -webkit-background-clip: text !important;
          /* Also define standard property for compatibility */
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.fa-twitter {color: #1DA1F3 !important;}
ul.li-none, li.li-none { list-style-type: none;}

div.team-members.mb-3>div,
div.project-website.mb-3>div,
div.project-advisors.mb-3>div,
div.project-sponsors.mb-3>div,
div.project-dept.mb-3>div,
div.project-semester.mb-3>div { display: inline-block; font-weight: bold;}
div.team-members.mb-3>div:nth-child(2),
div.project-website.mb-3>div:nth-child(2),
div.project-advisors.mb-3>div:nth-child(2),
div.project-sponsors.mb-3>div:nth-child(2),
div.project-dept.mb-3>div:nth-child(2),
div.project-semester.mb-3>div:nth-child(2) {font-weight: normal !important;}

/* Image CARD
<div class="card">
	<div class="imgBx">
			<img src="https://wallpaperscraft.ru/image/gory_reka_derevya_izgiby_hvoynye_6386_300x400.jpg">
	</div>
	<div class="details">
			<h2>What is Lorem Ipsum?</h2>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
	</div>
</div>
*/

.card { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /*width: 300px; height: 400px;*/ width: 100%; height: auto; background: #262626; overflow: hidden;}
.card .imgBx,
.card .details { width: 100%; height: 100%; position: absolute; box-sizing: border-box; transition: .5s;}
.card .imgBx { top: 0; left: 0;}
.card:hover .imgBx {top: 0; left: -100%;}
.card .imgBx img {width: 100%;}
.card .details { background: #262626;top: 0;left: 100%;padding: 60px 30px;}
.card:hover .details {top: 0;left: 0%;}
.card .details h2 { color: #fff; text-align: center;margin: 0; padding: 0 0 10px; border-bottom: 2px solid #fff;}
.card .details p { margin: 20px 0 0; color: #fff;}

div.news-article-date { color: darkgrey;}
div.news-article-story-by { display: inline-block; margin-bottom:1em;}
.news-article-story-by>div:first-child { display: inline;}
.news-article-story-by>div:nth-child(2) { display: inline !important; text-decoration:italics;}
.news-article-main-image img {width: 100% !important; height:auto !important; margin-bottom: 1em;}
.news-article-main-image-caption {color: #3B3A3A;text-align: center;margin-bottom: 2.25em;}

#block-text, #block-whereourresearchhappens { display: none;}
.mypopup-class {}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.deans-contacts strong {font-size:1.25em;}
.deans-contacts em {color:gray;font-size:1.15em;}
.deans-contacts a, .deans-contacts span {font-size:1.10em;}

#block-applytofamuorfsualert {margin-left: -16px;margin-right: -16px;}
.jumbotron {padding: 4em 2em;}

.issuu-height {min-height: 326px !important;}

@media screen and (min-width: 768px) {
    .issuu-height {min-height:550px !important;}
}

@media screen and (min-width: 992px) {
    .issuu-height {min-height:750px !important;}
}