@import 'https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans';

p {margin: 10 px 5px;}

a:link, a:hover, a:visited {color:#FFF;}

.hidden, #fullwidthlogo {display: none;}

.slick-prev, .slick-next {
    top: 40%;
}
.slick-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpi+P//PwMRWAyIjwDxWyDOIkYDPxCf+48A7whp4ALiw/9RwQV8GtiAeDuahs9AbIRLAysQb0LT8AOIHUDy2DQwAfESNA3/gDgCpgabpmn/MUE1shp0DW1YNExBNxiZU45FwwYgZsalKQPqbmRwHBrkDNg0+QPxHzQNj4FYGld0gIinaBo+ALEuvkhnYgDqY0AFv4D4OwM+gMN5t6GJFKfzQDgIi8ZLQCyATxMIJ2AJwX3QNMiAL3LzscTVUiBmxKcJV6poIaQJhPuwaMwhpAnknLlomkABFYhPE65M+AmIDame3ckuWJCLsN1A/B6I0wACDAAZLOuZDdLzqwAAAABJRU5ErkJggg==");
    left: 0;
}
.slick-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO5JREFUeNpi+P//fxoQvwfi3UAsBsQMhDCIePcfAc4BMT8xmi78RwWHgZiLkCZDIP6EpnE7ELPh0wTCgUD8B03jXCBmxKcJhHP+Y4I+QppAuAWLxjZCmkDOWYpFYz4+TQzQANiHpukfECfg0wTCAkB8CU0jKKCC8GligKaO21g0+hNKMipA/ApN4xMmBvyAE4jZ0MQY8dkiDcSPSXEeKO0dxxKCGbgCghmIN2CJq3J8QT6FUKpA11CNRcM0fMkoAupuZLAEiJlwaXIA4h9oGjYBMSuuVG4ExJ9JzYRkZXeyCpYsIH4LxEeILcIAAgwAotvoqRJziZkAAAAASUVORK5CYII=");
    right: 0;
}
.slick-next {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
#GalleryContainer .slick-arrow {
    background-color: rgb(176, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 60px;
    opacity: 0.5;
    outline: medium none;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 2000;
}

.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%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
}

body {background-color: #111; color: white;}
ul#lightgallery {margin:auto; width:50%; list-style-type:none;}
ul#lightgallery li {float:left; margin:1em;}

.header {padding: 0; background-color: #b00000;
  margin-bottom: 0;
  text-align: top;
  position: relative;
}
.header .sys_inner{padding: 20px 30px;}

.header img {display: inline; margin: 20px 20px 10px 20px;}

#SiteTitle, .pageTitle, .footer, .gallerycaption {font-family: "Droid Serif",serif;}

#SiteTitle, .pageTitle {
    font-size: 1.8em;
    line-height: 1.3;
    text-align: left;}

#SiteTitle {font-size: 3em; margin-left: 260px;}

#SiteSubTitle {
  	font-size: 0.4em;  
}

#SiteTitle a, #SiteSubTitle a {
  text-decoration: none;
}

.footer {
    font-size: 1.8em;
    line-height: 1.3;
    text-align: right;
    padding: 0;
 }

#SocialIcons {padding: 10px;
  float:right;
}


h1.sys_h1frompagetitle {font-size: inherit; margin: 0.5em 0; display:block; }


#SocialIcons {}
#SocialIcons .socialIcon {display:block; margin-left:10px; width:30px; height:30px; background-position: 50% 50%; background-repeat: no-repeat; float:left;}
#SocialIcons b {display:none;}
.IcoTwitter {background:url("/SiteElements/Images/Icons/icon-twitter-white.png");}
.IcoFacebook {background:url("/SiteElements/Images/Icons/icon-facebook-white.png");}
.IcoInstagram {background:url("/SiteElements/Images/Icons/icon-instagram-white.png");}
.IcoVK {background:url("/SiteElements/Images/Icons/icon-vk-white.png");}


#content, .footer {/*max-width: 1200px;*/ margin: 0 auto;}

#GalleryContainer {width: 100%; margin: auto;}

.slide {
  margin: 5px 30px;
  padding: 10px;
  min-height: 500px !important;}


.slide a{position:relative;display:block;} 

#GalleryContainer .slide h2 {z-index: 20;padding: 6px;background: #fff url("/SiteElements/Images/Base/Internal/bg-textOverlay-White.png") repeat 0 0;color: #b00000; position:absolute; left: 10px; top: 0; font-size: 1.2em; margin: 0; margin-right:10px;}

.slick-slide img {margin: .5em auto;}

.slide a .imagedescription {color: #fff; padding: 6px; position:absolute; bottom: 0; left: 10px; right: 10px; height:70px; overflow:hidden; background: transparent url("/SiteElements/Images/Base/Internal/bg-textOverlay-DarkGrey.png") repeat 0 0;}
.slide a:hover .imagedescription,
.slide a:hover h2 {background-image: url("/SiteElements/Images/Base/Internal/bg-textOverlay-OverseasRedDark.png");}




.imageP {width:420px;}
.imageL {width:820px;}
.quoteslide, .textslide {width:400px;}

#GalleryContainer .imageP, #GalleryContainer .imageL , #GalleryContainer .textslide, #GalleryContainer .quoteslide {height: 616px; max-height:100%;}

.imageslide, .textslide, .quoteslide {background-color: #222;}
.videoslide {width:580px;}
.videoslide .embed-container {margin: 30% 0;}

.slide:hover {background-color: #333;}
.slide.videoslide:hover {background-color: #111;}

.textslide a, .textslide a:hover, .textslide a:visited {text-decoration:none; color:#000;}

.textslide #textslidecontent {max-height: 547px; overflow:hidden; margin: 10px; color: #fff; font-size: 1.5em;}
/*.textslide #textslidecontent:after{content:""; position:absolute; bottom:0; left:0; height:90px; width:100%; background: linear-gradient(rgba(0,0,0,0), #222);}*/


.textslide h1{display:none;}

#Text {padding:10px;}


.quoteslide a, .quoteslide a:hover, .quoteslide a:visited {text-decoration:none; color:#000;}

.quoteslide blockquote{max-height: 547px; overflow:hidden; padding: 10px 0 0 46px; margin: 10px; color: #fff; font-size: 1.5em;}
.quoteslide blockquote{background: url("/CLAS/About/News-and-Events/RSSGallery/Images/Backgrounds/bg-quote-open-white.png") no-repeat 0 70px;}
/*.quoteslide blockquote:after{content:""; position:absolute; bottom:0; left:0; height:90px; width:100%; background: linear-gradient(rgba(0,0,0,0), #222);}*/
/*.quoteslide blockquote:hover:after{background: none;}*/

.quoteslide h1{display:none;}

#GalleryContainer .pdfslide .imagedescription{padding-right: 50px; background: url("/siteelements/images/icons/icon-pdf-32x32.png") no-repeat right 10px top 50% , url("/SiteElements/Images/Base/Internal/bg-textOverlay-DarkGrey.png") repeat 0 0!important;}
#GalleryContainer .pdfslide:hover .imagedescription{background-image: url("/siteelements/images/icons/icon-pdf-32x32.png"), url("/SiteElements/Images/Base/Internal/bg-textOverlay-OverseasRedDark.png")!important;}

/* ##### Item Page Content styles ##### */

#GalleryItemContent {}
#GalleryItemContent img {max-width: 100%; height: auto;}
.gallerycaption {display: block; width: 100%; padding: 5px; color: #ddd; font-size: 0.9em;}

.vbox-content .clear {clear: both;}
.rss-image-left {padding: 10px;}
.rss-left {width:70%; float:left; margin: 0 15px 15px 0;}
.rss-right {display: inline;}
.rss-left img {max-width: 100%; height: auto;}
.rss-right h1 {display:block;}

/* ##### Centenary video page styles ##### */

#rssvideoembed {
  max-width: 870px;
}

/* slider navigation */

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 15px;
  background-color: rgb(255, 255, 255);
  color: #000;
  box-shadow: none;
  background-image: url(/CLAS/About/News-and-Events/rssgallery/images/backgrounds/menu-background.jpg);
  background-repeat: no-repeat;
  background-position: bottom; 
  background-size: 300px 500px;
  
}

.sidr .sys_inner{padding:0;}

.sys_inner {padding: 10px 30px;}

.sidr.right {left: auto; right: -260px;}
.sidr.left {left: -260px; right: auto;}
.sidr h2{color: #000; margin: .5em 0 .5em 0; }
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {font-weight: normal; margin: .5em 0 .5em 0;padding:0 16px;}
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6{color: #000;}
.sidr h3{color: #b00000;}
.sidr h4{padding: 6px; margin: 0;}
.sidr a {color: #000; text-decoration:none;}

.sidr ul {margin: 0; padding:16px;}
.sidr ul li {margin-bottom: 1px; list-style-type:none;}
.sidr ul li.sys_submenu a{ background-color: #efefef;}

.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {color: #000;}

.sidr ul li a{background-color: #ddd; padding: 6px; display:block;}
.sidr ul li a:hover{background-color: #d00000; color: #fff;}

.sidr ul li ul li a,
.sidr ul li ul li span {padding-left: 16px;}

.sidr ul li h4{cursor: default;background-color: #ddd;}

/* Hamburger */
a#simple-menu, a#simple-menu:active, a#simple-menu:visited, a#simple-menu:focus {
  border: none;
  color: white;
}
#simple-menu {
  background-color: #000;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 0;
  display: inline-block;
  width: 43px;
  height: 43px;
  text-align: center;
  position: relative;
  top: -25px;
}
#simple-menu:hover,
#simple-menu.active{
  background-color: #fff;
}
#simple-menu span, #simple-menu span:before, #simple-menu span:after{
  cursor: pointer;
  border-radius: 0px;
  height: 6px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}

#simple-menu:hover span, #simple-menu:hover span:before, #simple-menu:hover span:after,
#simple-menu.active span, #simple-menu.active span:before, #simple-menu.active span:after{background: #b00000;}

#simple-menu span {
  top: 18px;
  left: 5px;
}
#simple-menu span:before {
  top: -11px;
}
#simple-menu span:after {
  bottom: -11px; 
}




#GalleryOptions_List {padding: 0; display:block; text-decoration:none;}

#GalleryOptions_List a{background-size: auto 100%; background-position: 50% 0%; background-repeat: no-repeat;
    border: 1px solid #353535;
  	color: #fff;
    display: inline-block;
    margin-bottom: 1em;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 32.8%;}

#GalleryOptions_List a .sys_summary{min-height: 80px; padding: 6px;}
#GalleryOptions_List a .sys_description,
#GalleryOptions_List a .sys_description{color: #fff; font-weight:bold;}
#GalleryOptions_List a .sys_description{position:absolute; bottom: 6px;}
#GalleryOptions_List a .sys_thumbnail{height: 77px; background-size: 100%; margin-bottom: 8px; border:none; border-radius:0;}
#GalleryOptions_List a h2{background-color: #b00000; position:absolute; bottom: 0; left: 0; margin: 0; padding: 6px;}

#GalleryOptions_List a:hover h2{background-color: #fff; color: #b00000;}


@media screen and (max-width: 1200px) {
  
.header .sys_inner{padding: 10px 20px;}
.header img {display: inline; margin: 20px 20px 10px 20px;}

  #content .sys_inner{padding: 0 60px;}


#GalleryOptions_List a{width: 49%;}
  
#SiteTitle {position:relative; top: -16px;font-size: 2em; display:inline-block; margin-left: 0; padding-left: 10px; border-left: 2px solid #fff;}
  #SiteTitle .sys_inner{padding: 0px 0px 10px 10px;}

}


@media screen and (max-width: 767px) {
 #content .sys_inner{padding: 0 20px;}
#GalleryOptions_List a{display:block; width: 100%;}
#GalleryOptions_List .sys_thumbnail{height: 120px;}
#SiteTitle {top: 0; left: 10px; padding: 0 0 0px 0; border-left:none; border: none;}

}

@media only screen and (max-width: 479px) {
  #content .sys_multipleAcademics .sys_thumbnail{height: 76px;}
  #SiteTitle {margin-left: 0; max-width: 95%; font-size: 1.85em;}
#SiteSubTitle {font-size: 0.5em;}
  .responsivelogo img{text-align:right; float:right; }
  #simple-menu{position:absolute; top: 30px; left: 0;}
}

@media only screen and (min-width: 1200px) {
  .sidr.left {left: 0;}
  #content {margin-left: 260px;}
  #simple-menu, .responsivelogo {display: none;}
  #fullwidthlogo {display: block; margin-top: 0; margin-bottom: 45px;}
}