/* - ++resource++umich_css/flexslider.css - */
@media screen {
/* http://www.engin.umich.edu/portal_css/++resource++umich_css/flexslider.css?original=1 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
.flexslider .slides img {
height: auto !important;
}
ol.flex-control-nav {
top: 56% !important;
}
ul.flex-direction-nav {
z-index: 9999 !important;
top: 137px !important;
}
.flex-direction-nav li .next {
left: 95% !important;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
.flexslider .slides img {
height: auto !important;
}
ol.flex-control-nav {
top: 68% !important;
z-index: 5 !important;
}
ul.flex-direction-nav {
z-index: 9999 !important;
position: relative !important;
top: 61% !important;
}
.flex-direction-nav li .next {
left: 95% !important;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
.flexslider .slides img {
height: auto !important;
width: 100% !important;
}
ol.flex-control-nav {
top: 75% !important;
z-index: 5 !important;
}
ul.flex-direction-nav {
z-index: 9999 !important;
position: relative !important;
top: 187px !important;
}
.flex-direction-nav li .next {
left: 95% !important;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
ol.flex-control-nav {
top: 95% !important;
z-index: 5 !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.subsiteTheater {
left: 0 !important;
}
.flexslider .slides img {
height: auto !important;
}
ol.flex-control-nav {
z-index: 5 !important;
}
ul.flex-direction-nav {
z-index: 9999 !important;
position: relative !important;
}
.flex-direction-nav li .next {
}
.theaterBg {
top: 0 !important;
}
}
.flex-container a:active,
.flexslider a:active {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider
{
margin: 0;
padding: 0;
}
html[xmlns] .slides {
display: block;
}
.flexslider .slides > li {
}
/* */
.flexslider .slides img {
display: block;
height: auto;
}
.flex-pauseplay {
position: relative;
height: 0;
color: #fff;
font-weight: bold;
cursor: pointer;
z-index: 9999;
font-size: 0;
}
.subsiteTheater .flex-pauseplay {
top: 40px;
left: 275px;
}
.newsTheater .flex-pauseplay {
top: 17px;
left: -39px;
}
.flex-pauseplay span.play:before {
content: "\f04b";
font-family: FontAwesome;
font-size: 12px;
}
.flex-pauseplay span.pause:before {
content: "\f04c";
font-family: FontAwesome;
font-size: 12px;
}
/* */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
* html .slides {
height: 1%;
}
/* */
/* */
.no-js .slides > li:first-child {
display: block;
}
.flexslider
{
zoom: 1;
}
.flexslider .slides {
zoom: 1;
padding-bottom: 5px;
float: left;
}
.flexslider .slides > li {
position: relative;
}
/* */
.flex-container {
zoom: 1;
position: relative;
}
/* */
/* */
.flex-caption {
background: none;
-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 14px;
line-height: 18px;
}
/* */
.theaterNavigation {
position: absolute;
width: 100%;
height: 50%;
}
ul.flex-direction-nav {
z-index: 9999;
;
position: relative;
;
top: 50%;
;
}
.flex-direction-nav li .flex-next:before,
.flex-direction-nav li .flex-prev:before {
font-family: FontAwesome;
font-size: 20px;
}
.flex-direction-nav li .flex-prev:before {
content: "\f104";
}
.flex-direction-nav li a {
color: #ffffff;
text-decoration: none;
}
.flex-direction-nav li a:hover {
background: none !important;
color: #fdb827;
}
.flex-direction-nav li .next,
.flex-direction-nav li .flex-next {
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
float: none !important;
position: absolute;
}
.flex-direction-nav li .prev,
.flex-direction-nav li .flex-prev {
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
float: none !important;
position: absolute;
left: 1%;
}
.flex-direction-nav li .prev:before,
.flex-direction-nav li .next:before,
.flex-direction-nav li .flex-prev:before,
.flex-direction-nav li .flex-next:before {
font-family: FontAwesome;
font-size: 20px;
}
.flex-direction-nav li .prev:before,
.flex-direction-nav li .flex-prev:before {
content: "\f053";
}
.flex-direction-nav li .next:before,
.flex-direction-nav li .flex-next:before {
content: "\f054";
}
/* */
ol.flex-control-nav {
position: relative;
z-index: 9999;
left: 50%;
top: 107%;
margin-left: -45px;
}
.flex-control-nav li a {
background: #fff;
display: inline-block;
overflow: hidden;
width: 9px;
height: 0;
padding-top: 9px;
text-align: center;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-indent: -9999em;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.flex-control-nav li a.flex-active,
.flex-control-nav li:hover a {
color: #0e4270;
background-color: #fdb827;
}
.flex-control-nav li a:after {
content: '';
display: inline-block;
margin-top: 2px;
overflow: hidden;
height: 0;
width: 4px;
padding-top: 4px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 100px solid red;
}
.flex-direction-nav li .next,
.flex-direction-nav li .flex-next {
right: 0;
}
.primaryLanding .flex-direction-nav li .next,
.primaryLanding .flex-direction-nav li .flex-next {
right: 0;
left: 52%;
}
.slides img.smallTheater {
width: 640px;
left: 250px;
}

}