/* BBIS Editor layout */
#slideshow > .BBUpdatePanelDoNotBlock {
margin-bottom: 100px;
}

/* Small screen behaviour - image is set above text */
#slideshow {
position: relative;
margin: 0;
padding: 0;
}

#slideshow.focus {
outline: none;
}

#header-background.focus {
opacity: 0.9;
}

#slideshow-background {
margin-top: 20px;
width: 100%;
padding: 0 0.9375em;
z-index: -1;
}

#slideshow-image-background {
width: 100%;
border-radius: 50%;
padding-bottom: 100%;
margin-bottom: -20%;
font-size: 0;
background-color: white;
z-index: 0;
}

#slideshow-text-background {
width: 100%;
background-color: white;
}

#slideshow .alumni-profile {
position: absolute;
top: 20px;
left: 0;
width: 100%;
padding: 0 0.9375em;
opacity: 0;
z-index: 0;
}

#slideshow .alumni-profile.current {
z-index: 1;
}

#slideshow  .alumni-image-container {
position: relative;
display: block;
width: 100%;
padding: 0;
margin-bottom: -20%;
border-radius: 50%;
-ms-behavior: url(/file/ie-compatibility/PIE.htc);
z-index: 0;
}

#slideshow .alumni-image-container:after {
content: "";
display: block;
padding-top: 100%;
}

#slideshow  .alumni-image-container img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: solid 0px white;
border-radius: 50%;
-ms-behavior: url(/file/ie-compatibility/PIE.htc);
}

#slideshow  .alumni-text-container {
display: block;
width: 100%;
padding: 10px;
position: relative;
background-color: white;
}

#slideshow .alumni-text-container * {
margin: 15px 0;
}

#slideshow .alumni-text-container h4,
#slideshow .alumni-text-container a {
color: #e2b600;
font-weight: bold;
}

#slideshow .alumni-text-container h4 {
font-size: 24px;
margin-top: 0;
}

#slideshow .alumni-text-container h6 {
font-size: 18px;
margin: 0 0 4px;
}

#slideshow .alumni-text-container > :last-child {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px dotted #27348b;
border-bottom: 1px dotted rgba(39,52,139,0.7);
}

#slideshow .slideshow-nav {
position: absolute;
top: -12px;
right: 10px;
z-index: 20;
line-height: 0;
padding: 6px 6px 6px 0;
text-shadow: 0 0 10px #222;
color: white;
}

#slideshow .slideshow-nav-dot,
#slideshow .slideshow-play {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 16px;
margin-left: 6px;
cursor: pointer;
font-family: 'FontAwesome';
}
#slideshow .slideshow-play {
margin-left: 12px;
}

#slideshow .slideshow-nav-dot:before {
content: '\f10c';
}
#slideshow .slideshow-nav-dot.current:before {
content: '\f111';
}
#slideshow .slideshow-play.play:before {
content: '\f04b';
}
#slideshow .slideshow-play.stop:before {
content: '\f04d';
}
#slideshow.hover .slideshow-play.play:before,
#slideshow.focus .slideshow-play.play:before,
#slideshow .slideshow-play.hover.stop:before {
content: '\f04c';
}

#button-menu {
position: relative;
z-index: 10;
}

/* Medium screen behaviour - image and text side-by-side */
@media only screen and (min-width: 40.063em) {

#slideshow {
margin-bottom: 20px;
}

#slideshow-background {
background: transparent url(/image/slideshow/stick.png) no-repeat 58% 50px;
background-size: 15%;
-ms-behavior: url(/file/ie-compatibility/backgroundsize.min.htc);
}

#slideshow-image-background {
width: 60%;
float: left;
margin: 20px 5% 0 15px;
padding-bottom: 60%;
background-image: url(/image/lightbox/lightbox-ico-loading.gif);
background-repeat: no-repeat;
background-position: center;
}

#slideshow-text-background {
background-color: transparent;
}

#slideshow .alumni-image-container {
width: 60%;
float: left;
margin: 20px 5% 0 15px;
z-index: 9;
}

#slideshow .alumni-text-container {
background-color: transparent;
border-bottom: none;
padding: 10px 0 60px;
}

#slideshow .alumni-text-container * {
color: white;
}

#slideshow .alumni-text-container > :last-child {
margin-bottom: initial;
padding-bottom: initial;
border-bottom: none;
}

#slideshow .slideshow-nav {
bottom: -12px;
top: auto;
right: 18px;
}

}

/* Large screen behaviour - following content is brought up to overlap the image */
@media only screen and (min-width: 64.063em) {

#slideshow {
margin-bottom: -60px;
}

#slideshow-image-background {
width: 55%;
margin: 0 10% 0 15px;
padding-bottom: 55%;
}

#slideshow .alumni-image-container {
width: 55%;
margin: 0 10% 0 15px;
}

#slideshow .alumni-text-container {
padding-top: 30px;
}

#slideshow .slideshow-nav {
bottom: 64px;
}

}