@import url(/fonts/LeagueGothic.css);
@import url(/fonts/Periodico.css);

/* viewport fixes for ie */
body {max-width: 100%; overflow-x: hidden;}
@-ms-viewport {width: auto !important;}
html {max-width: 100%; overflow-x: hidden;}

/* top menu styles */
#search {padding: 15px; text-align: center;}
#search input[type="search"]{width: 75%;}
#search h2 {font-family: 'League Gothic'; text-transform: uppercase;}
ul.popout-menu li, ul.sidebar-navigation li {padding: 10px 0; border-bottom: 1px solid #b7b6b6;}
.popout-right {font-family: PeriodicoText-Rg; font-size: 115%; color: #666666; padding-bottom: 10px;}
.popout-feature {font-size: 10px;}
.popout-feature img {border: 1px solid white; width: 100%; height: auto; margin-top: -5px; margin-bottom: 5px;}
.popout-feature .headline {font-family: 'League Gothic'; font-size: 300%; display: block; text-transform: uppercase; color: #990026; margin-bottom: 0;}
.popout-feature .link {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

/* fix gcs search styles */
.gsc-control-cse, .gsc-control-cse * {box-sizing: content-box;}
.gsc-input input {line-height: normal;}

.contact-list li {padding-bottom: 7px;}
.contact-list li ul li {padding-bottom: 2px;}

/* global button styles 
a.btn-default {border: none; border-radius: 0;}*/
.btn-global, .btn-default, input[type="submit"] {font-family: 'League Gothic'; font-size: 175%; text-transform: uppercase; border-radius: 0; float: none; margin: 7px 0; 
		background-color: #990026; color: white; border: none;}	
.btn-global:link, .btn-global:visited, .btn-default:link, .btn-default:visited {background-color: #990026 !important; color: white !important; text-decoration: none !important;}
.btn-global:hover, .btn-global:active, .btn-default:hover, .btn-default:active {background-color: #444 !important; color: white !important; text-decoration: none !important;} 

.btn-global2 {font-family: 'League Gothic'; font-size: 175%; text-transform: uppercase; border-radius: 0; float: none; margin: 7px 0; 
		background-color: #295d82; color: white; border: none; }	
.btn-global2:link, .btn-global2:visited {background-color: #295d82 !important; color: white !important; text-decoration: none !important;}
.btn-global2:hover, .btn-global2:active {background-color: #444 !important; color: white !important; text-decoration: none !important;} 

a:link, a:visited {color: #990026; text-decoration: underline;}
a:hover, a:active {color: #666666; text-decoration: underline;}

header a:link, header a:visited, #library-navbar .nav > li > a {text-decoration: normal;}

#alert-window a:link, #alert-window a:visited {color: #ffffff; text-decoration: underline;}

.panel-body a:link, .panel-body a:visited {color: #990026;}
.panel-body a:hover, .panel-body a:active {color: #666666;}

/* global grid button colors */
#DarkGrayButton {background-color: #444444;}
#DarkGrayButton-trans {background-color: rgba(68,68,68,0.8);}
#LightGrayButton {background-color: #737475;}
#LightBlueButton {background-color: #45B6E0;}
#LightBlueButton-trans {background-color: rgba(69,182,224,0.7);}
#DarkBlueButton {background-color: #386C91;}
#DarkBlueButton-trans {background-color: rgba(56,108,145,0.7);}
#DarkRedButton {background-color: #990026;}
#DarkRedButton-trans {background-color: rgba(153,0,38,0.7)}
.gridbuttons {text-align: center; vertical-align: center; padding: 0; font-family: 'League Gothic'; font-size: 28px; text-transform: uppercase; line-height: 1em; }
.gridbuttons a:link, .gridbuttons a:visited {display: block; height: 60px; padding: 16px 0; cursor: pointer; text-decoration: none; color: #fff !important; line-height: 1.0;}
.gridbuttons a:hover, .gridbuttons a:active {background-color: #999;}

#LightBlueButton a:link, #LightBlueButton a:visited, 
#LightBlueButton a:hover, #LightBlueButton a:active {color:#333 !important;}

/* global photo floating styles */
.floatright {max-width: 40%; float: right; padding-left: 5px; height: auto;}
.floatleft {max-width: 40%; float: left; padding-right: 10px; height: auto;}
.floatright-employee {max-width: 200px; float: right; padding-left: 5px; padding-bottom: 5px; height: auto;}
.floatleft-employee {max-width: 200px; float: left; padding-right: 5px; padding-bottom: 5px;}
.video-float-right {float: right; width: 49%; padding-left: 10px;}

/* Stats */
.stats, .features {background-color: white;}
.stats {text-align: center;}
.stats p {padding: 0 30px;}
.stats h3 {font-size: 600%; margin-bottom: -10px; font-family: 'League Gothic';  text-transform: uppercase;}
.stats h4 {font-size: 450%; margin-bottom: -10px; font-family: 'League Gothic';  text-transform: uppercase;}
.stats h3 span, .stats h4 span {font-size: 30%; display: block; padding-bottom: 40px;}

/* opening sections of text */
.opening-copy {font-family: PeriodicoText-Rg; font-size: 140%; line-height: 1.5em; margin-bottom: 3vh;}
.opening-copy em, .opening-copy cite {font-family: PeriodicoText-RgIt; font-weight: normal; font-style: normal;}
.opening-copy strong {font-family: PeriodicoText-Bd; font-weight: normal; font-style: normal;}

.opening-copy a:link, .opening-copy a:visited {color: #990026;}
.opening-copy a:hover, .opening-copy a:active {color: #990026;}

/* faculty, alumni, student feature styles */
.feature-container {background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 500px; min-height: 50vh; background-color: #fff; background-attachment: fixed;}
.feature-body {background-color: rgba(255,255,255,0.85); color: #666666; margin-top: 30px; margin-top: 3vh; margin-bottom: 100px; margin-bottom: 10vh; text-align: center;}
.feature-photo {background-color: rgba(0,0,0,0.0); color: #666666; margin-top: 100px; margin-top: 10vh; margin-bottom: 100px; margin-bottom: 10vh;  padding: 0px 40px; text-align: center; padding: 0;}
.feature-body h2 {font-family: 'League Gothic'; font-size: 400%; text-transform: uppercase; line-height: 1em;  margin-bottom: 0;}
.feature-body h3 {font-family: 'League Gothic'; font-size: 200%; text-transform: none; line-height: 1em; color: #990026; margin-top: 0; margin-bottom: 30px;}
.feature-body p {text-align: left; font-size: 105%; line-height: 1.5em;}
.feature-body img.floatright {padding-left: 20px; padding-bottom: 20px; float: right;}
.feature-body img.floatleft {padding-right: 20px; padding-bottom: 20px; float: left;}
.feature-body h4 {text-align: left; color: #990026;}
.feature-body a {font-family: 'League Gothic'; font-size: 175%; text-transform: uppercase;}
.feature-body a:link, .feature-body a:visited {background-color: #990026; color: white;}
.feature-body a:hover, .feature-body a:active {background-color: white; color: #990026;}
.feature-body aside {float: right; background-color: #eee; width: 40%; font-family: 'League Gothic'; font-size: 175%; text-align: left; padding: 25px; margin-left: 15px; margin-bottom: 15px; color: black;}

.faculty-feature-hover {margin: 25px 0 0 0; position: relative; display: block; text-align: center;}
.faculty-feature-hover::after { content:""; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(100,100,100,0.4); }
.faculty-feature-hover:hover::after { background: rgba(153,0,38,0.7); transition: background .2s linear;}
.faculty-feature-hover img {width: 100%; height: auto; z-index: 3; /*margin: 25px 0 0 0;*/ padding: 0;}
.faculty-feature-hover h3 {z-index: 4; position: absolute; top: 75%; right: 0; left: 0; color: white; 
		/* background-color: rgba(0,0,0,0.5); */ padding: 5px; text-shadow: black 2px 2px; line-height: 90%;
		-webkit-transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%);}
.faculty-feature-hover h3 {font-size: 250%;}
.faculty-features {text-align: center;}
.faculty-features h4 {font-family: 'League Gothic'; font-size: 150%; text-transform: none; line-height: 1em; color: #990026;}
.faculty-features a.btn {font-family: 'League Gothic'; font-size: 150%; text-transform: uppercase;}
.faculty-features a:link, .faculty-features a:visited {background-color: #990026; color: white;}
.faculty-features a:hover, .faculty-features a:active {background-color: white; color: #990026;}

.employee-title {font-family: 'League Gothic'; font-size: 200%; text-transform: none; color: #990026; line-height: 1em;}
 
dd {padding-bottom: 15px;}


.social-panels {background-color: #e8e8e8;}
.social-panel-full, .social-panel-half {padding: 25px 15px 5px 30px;}
.social-panel-all {padding: 0; min-height: 310px; max-height: 310px; overflow: auto !important;}
.social-panel-image {padding: 0; min-height: 310px; margin: 0; }
.social-panel-image img {width: 100%; }
.social-panel-image-left {float: left; min-height: 310px; width: 50%; margin-right: 25px;}
.social-panel-image-right {float: right; min-height: 310px; width: 50%; margin-left: 15px;}

.social-name {padding: 25px 0 0 30px;}
.social-post {padding: 5px 5px 0 30px;}
.social-tag {padding: 5px 0 10px 30px;}

.social-name {font-family: 'League Gothic'; font-size: 125%; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 15px; font-weight: bold;}
.social-post {padding-bottom: 30px;}
.social-tag img {float: left; margin-right: 10px; width: 35px; position: relative; top: 2px;}
.social-tag {font-family: PeriodicoText-Rg; font-size: 100%; color: gray;}

.UnionModal {margin-top: 50px;}

.overlink-overlay {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 64px 16px 16px;
  -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
          clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  opacity: 0;
  -webkit-transition: opacity .25s ease-out, .1s left .25s linear, -webkit-clip-path .25s ease-out;
  transition: opacity .25s ease-out, .1s left .25s linear, -webkit-clip-path .25s ease-out;
  transition: opacity .25s ease-out, clip-path .25s ease-out, .1s left .25s linear;
  transition: opacity .25s ease-out, clip-path .25s ease-out, .1s left .25s linear, -webkit-clip-path .25s ease-out;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}

.overlink-overlay--show {
  display: block;
  opacity: 1;
  left: 0;
  -webkit-transition: opacity .3s ease-out, -webkit-clip-path .3s ease-out;
  transition: opacity .3s ease-out, -webkit-clip-path .3s ease-out;
  transition: opacity .3s ease-out, clip-path .3s ease-out;
  transition: opacity .3s ease-out, clip-path .3s ease-out, -webkit-clip-path .3s ease-out;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.overlink-overlay__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  font-size: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
  opacity: 1.0;
}

.overlink-overlay__close-btn:hover {
  opacity: 0.8;
}

.overlink-overlay__close-btn::before, .overlink-overlay__close-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: white;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.overlink-overlay__close-btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.overlink-overlay__close-btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.overlink-overlay::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.overlink-overlay__container {
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  white-space: normal;
  width: 100%;
}

.overlink-overlay__body {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}

.overlink-overlay__heading {
  text-align: center;
  font-family: 'League Gothic';
  font-size: 400%;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 3vh;
  line-height: 1em;
  color: white;
}


.footer {background-color: #990026; background-image: url(/images/2015/footer-tower-smaller.jpg); background-position: center bottom; background-repeat: no-repeat; min-height: 450px;}
.footer-right, .footer-left {padding-top: 35px; color: white; font-size: 90%;}
.footer-right {text-align: right;}
.footer-center {padding-top: 5px; color: silver; text-align: center; text-transform: uppercase; font-family: 'League Gothic'; font-size: 200%; word-spacing: 20px;}
.footer a:link, .footer a:visited {color: white; text-decoration: none !important;}
.footer a:hover, .footer a:active {color: silver; text-decoration: underline !important;}


/* bootstraps md breakpoint */
@media only screen and (max-width: 992px) {
.social-panel-all {max-height: 600px;}
.social-panel-image-left {float: none; min-height: 200px; width: 100%; margin-right: 0;}
.social-panel-image-right {float: none; min-height: 200px; width: 100%; margin-left: 0;}
}

/* bootstraps sm breakpoint */
@media only screen and (max-width: 768px) {

.navbar .navbar-left {margin-left: inherit;}
.footer {background-position: 10% bottom; background-size: auto 85%; }
.footer a {white-space: nowrap;}
.footer-right, .footer-left, .footer-center {text-align: right; padding-top: 5px;}
.footer-center {font-size: 150%;}
.UnionModal {margin-top: 60px;}
}


/* styling for only mobile devices */
@media only screen and (max-device-width: 600px) {
.footer {line-height: 2; font-size: 1.2em; background-size: 115% auto !important;}
}



/* specific styling for smaller mobile devices */
@media only screen and (max-width: 600px) {
.floatright {max-width: 100%; width: auto; float: none; padding: 10px 0; display: block;}
.floatleft {max-width: 100%; width: auto; float: none; padding: 10px 0; display: block;}
.video-float-right {float: none; width: 100%; padding: 15px 0;}
.feature-body aside {float: none; width: 100%; margin-left: 0;}
.footer {background-position: -100px bottom; background-size: auto 85%;}
}

/* specific styling for very smaller mobile devices */
@media only screen and (max-width: 480px) {
.floatright-employee, .floatleft-employee {width: 100%; float: none; display: block;}
}



/* University Alerts */
div.mobile-header { position: relative; }

 @media screen and (min-width: 769px) {
     a#alert-link { width: 60px; height: 60px; background-color: rgba(153,0,39,1.0); position: fixed; top: 60px; left: -60px; z-index: 300; background-image: url(/images/2015/alert-icon.png); background-size: 50px 50px; background-position: center; background-repeat: no-repeat; transition: left .15s linear, opacity .15s linear; opacity: 0; }
     a#alert-link.show-link { left: 0; opacity: 1; transition: left .2s linear, opacity .2s linear; }
     a#alert-link em { position: absolute; top: 0; left: 100%; display: block;  height: 60px; background-color: rgba(153,0,39,0.7); width: 0; overflow: hidden; text-align: center; transition: width .15s ease-out; font-size: 28px; padding: 16px 0; line-height: 1.0; overflow: hidden; height: 100%;}
     a#alert-link:hover em { width: 100px; }
 }

 a#alert-link em { color: white; text-align: center; font-family: 'League Gothic'; font-style: normal; text-transform: uppercase; }

 @media only screen and (max-width: 768px) {
     a#alert-link { width: 100%; position: fixed; display: block; top: 0; left: 0;background: rgb(153,0,39); z-index: 50; text-align: center; border-bottom: solid rgba(0,0,0,0.2) 1px; font-size: 16px; font-weight: normal; padding: 3px;
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%); 
         -webkit-transition: -webkit-transform .2s linear;
         transition: transform .2s linear;
     }
     a#alert-link.show-link { -webkit-transform: translateY(0); }
     a#alert-link em { display: inline-block; padding: 3px 3px 3px 35px; background-image: url(/images/2015/alert-icon.png); background-size: auto 100%; background-position: left center; background-repeat: no-repeat; }
 }

 aside#alert-window { background-color: rgba(153,0,39,0.7); background-color: #333; background-size: auto 50px; color: #ddd; background-position: 5px 5px; background-repeat: no-repeat; min-height: 60px; height: auto; margin: 0; border-radius: 0; position: relative; padding: 20px 70px; }

 aside#alert-window h2 { text-align: center; font-family: 'League Gothic'; font-size: 40px; margin-top: 0; }
 aside#alert-window h5 { font-weight: bold; }

 aside#alert-window > em { display: block; padding: 16px 0 16px 0px; margin-left: 60px; font-size: 28px; line-height: 1.0; height: 100%; width: 100px; overflow: hidden; text-align: center; font-family: 'League Gothic'; font-style: normal; text-transform: uppercase; color: #999; display: none; }
 aside#alert-window a.close-alerts { display: block; width: 20px; height: 20px; position: absolute; top: 10px; right: 80px; }

 @media only screen and (max-width: 768px) {
     aside#alert-window { padding: 20px 25px; }
     aside#alert-window a.close-alerts { right: 10px; }
 }

 aside#alert-window a.close-alerts:before, aside#alert-window a.close-alerts:after { content:""; display: block; width: 4px; height: 100%; border-radius: 2px; position: absolute; top: 50%; left: 50%; background-color: #999;
     -webkit-transition: -webkit-transform .2s linear;
     transition: transform .2s linear;
 }

 aside#alert-window a.close-alerts:before {
     -webkit-transform: translate(-50%,-50%) rotate(45deg);
     transform: translate(-50%,-50%) rotate(45deg);
 }
 aside#alert-window a.close-alerts:after {
     -webkit-transform: translate(-50%,-50%) rotate(-45deg);
     transform: translate(-50%,-50%) rotate(-45deg);
 }
 aside#alert-window a.close-alerts:hover:before, aside#alert-window a.close-alerts:hover:after { background-color: #333; }
 aside#alert-window a.close-alerts:active:before, aside#alert-window a.close-alerts:active:after { -webkit-transition: none; transition: none; }
 aside#alert-window a.close-alerts:active:before {
     -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0.8); transform: translate(-50%,-50%) rotate(90deg);
 }

 aside#alert-window a.close-alerts:active:after {
     -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(0.8);
     transform: translate(-50%,-50%) rotate(-90deg);
 }

 aside#alert-window a.close-alerts.closed:before {
     -webkit-transform: translate(-50%,-50%) rotate(145deg) scale(1);
     transform: translate(-50%,-50%) rotate(90deg);
 }

 aside#alert-window a.close-alerts.closed:after {
     -webkit-transform: translate(-50%,-50%) rotate(55deg) scale(1);
     transform: translate(-50%,-50%) rotate(-90deg);
 }