/* Custom CSS for the LGG */

body {
    margin-top: 50px;
}
footer {
    margin: 30px 0;
}
.lgg-header {
    padding: 30px;
    margin-bottom: 50px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: transparent;
    border: solid 1px #ccc;
}
.lgg-header nav {
    background: transparent;
    border: none;
}
.lgg-header .navbar-header {
    width: 100%;
}
.lgg-header .navbar-collapse,
.lgg-header .navbar-collapse li:last-child a {
    padding-right: 0;
}
.lgg-header h1 a {
    line-height: 1;
    font-size: 21px;
    font-weight: 200;
    color: #777;
    text-align: right;
}
.lgg-header h1 a:hover {
    color: #333;
}
.lgg-header .navbar-default .navbar-nav li a {
    color: #000;
}
.lgg-header .navbar-default .navbar-nav li a:hover {
    color: #777;
}
.lgg-header h1 a.visible-xs {
    float: left;
}
.lgg-header h1 {
    text-align: right;
}
.lgg-header h1 a:hover {
    text-decoration: none;
}
.container .lgg-header {
    border-radius: 6px;
}
.lgg-header .container {
    max-width: 100%;
}
@media screen and (min-width: 1200px) {
    .lgg-header {
        padding: 0px 50px 0px 50px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .lgg-header {
        padding: 0px 40px 0px 40px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .lgg-header {
        padding: 0px 25px 0px 25px;
        font-size: 18px;
    }
    .lgg-header h1 a {
        font-size: 18px;
    }
    .lgg-header .navbar-default .navbar-nav li a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* People Alumni LGG */

.alumni {
    padding-left: 150px;
}
.media h4 {
    margin-bottom: 10px;
}
/* Students Projects LGG */

.portfolio-item {
    margin: 15px 0 15px 0;
}
/* News LGG */

.media-body {
    padding-left: 20px;
}
/* avoid animation effects on safari when resizing */

.thumbnail {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
.right {
    float: right;
}
.year-h3 {
    padding-top: 20px;
}
a.smaller {
    font-size: 12px;
    padding-left: 25px;
}
.glyphicon-arrow-right {
    margin-right: 15px;
}

a.float {
    float: left;
}
/* fade on slider */

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}
.item:nth-child(1) {
    background: silver;
}
.item:nth-child(2) {
    background: red;
}
.item:nth-child(3) {
    background: orange;
}


.video-responsive {
    max-width: 100%;
    display: block;
}

#map_canvas {
    height: 382px;
    width: 848px;
    float: left;
}

a.black {
    color: black;
}

a.black:hover {
    text-decoration: none;
}

img.textfollowed {
    padding-bottom: 20px;
    padding-top: 40px;

}

a.hover_underline {
    color: black;
}

a.list-group-item.heading {
    background: #f5f5f5;
}

/*For cycle slideshow*/
.cycle-slideshow img { width: 100%; height: auto }
/* in case script does not load */
.cycle-slideshow img:first-child { position: static; z-index: 100;}
.cycle-slideshow img { 
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../img/slidshowArrowLeft.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(../img/slidshowArrowRight.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

#cycle-custom-pager-images span.cycle-pager-active span {font-weight:bold;}
#cycle-custom-pager-videos span.cycle-pager-active a{ font-weight:bold;}

/*For cycle Youtube slideshow*/
.cycle-youtube-slideshow > div { width: 100%; height: 100%}
iframe,object,embed { width: 100%; height: 100%}