/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
html,
body {
    height: 95%;
}

.carousel,
.item,
.active {
    height: 100%;
	background-attachment:fixed;
}

.carousel-inner {
    height: 100%;

}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.Home1 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('https://www.hilbert.edu/images/default-source/homepage/Home1.jpg');
    

}

.Home2 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('https://www.hilbert.edu/images/default-source/homepage/Home2.jpg');

}

.Home3 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('https://www.hilbert.edu/images/default-source/homepage/Home3.jpg')
}

.Home4 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('https://www.hilbert.edu/images/default-source/homepage/Home4.jpg')
}

.Home5 {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-image: url('https://www.hilbert.edu/images/default-source/homepage/Home5.jpg')
}


.container2 {
    top:80%;
    position: absolute;
     z-index: 15;
    

/*left:0;
right:0;

margin-left: 12%;
margin-right: 12%;*/

}
.row{
padding-left: 15px;
padding-right: 15px;
}

.carousel-control {
padding-top:60%;
 z-index: 9990;
}



@media (min-width:168px)and (max-width:950px){


.carousel-inner,
.carousel{
 z-index:1;
 
}


.header-inner-wrapper,
.header-wrapper,
.header,
.logo-img,
.logo,
.mobile-search-nav-tabs,
.top-nav
.top-nav-wrapper,
.top-nav-inner-wrapper{
position:relative;
z-index:9999;
}

/*!a {
*pointer-events: auto !important;
*cursor: pointer !important;
*}
*/
}



footer {
    margin: 50px 0;
}











.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-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;
}







.line1{
	font-size: 60px;
	font-weight: bold;  
	color: #fdb726;
	text-transform: uppercase;
	padding-left: 10px;
	padding-bottom: 0px;
	display: block;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.line2{
	font-size: 25px;
	font-weight: bold;
        text-transform: uppercase;
        display: block;
	padding-left: 20px;
	text-shadow: black 0.1em 0.1em 0.2em;
}
.caption-btn{
	background: #f5d4ae;
	display: inline-block;
	padding: 0 15px;
	border: solid 1px #fff;
	font-size: 16px;
	font-weight: bold;
	color: #0c264b;
	margin-left:55px;
	margin-top:15px;
	line-height: 23px;
text-shadow: black 0em 0em 0em;
}
.caption-btn:before{
	content: '>';
	margin-right: 5px;
	display: inline-block;
}
.caption-btn:hover:before{
	text-decoration: none;
}
.caption-btn:hover{
	text-decoration: underline;   
	background: #efc08a;
}


@media (min-width:168px)and (max-width:450px){
.line1{
	font-size: 22px;
        padding-top: 45px;
	padding-left: 10px;
	padding-bottom: 0px;

}
.line2{
	font-size: 15px;
	padding-left: 20px;

}
.caption-btn{
	font-size: 11px;
	font-weight: bold;
	margin-left:25px;
	margin-top:15px;
	line-height: 11px;
        
}


}




.events{
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #232323;
}
.eventsList{
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.eventsList > li{
	display: block;
	border-top: dotted #7c564c 1px;
	padding: 10px 0;
}
.eventsList > li:first-child{
	border: none;
	padding-top: 0;
}
.eventsList > li .image{
	display: table-cell;
	width: 152px;
	vertical-align: middle;
}
.eventsList > li{
	color: #fff;
}
/*.events ul li ul li, .events ul li ol li{
	display: block;
	border: none;
	max-width: 100% !important;
}*/
/*.events ul li ul{
	list-style-type: disc !important;
}
.events ul li ol li{
	list-style: decimal;
}*/
.events .content{
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	max-width: 180px;
	font-size: 13px;
	overflow: hidden;
}
.events .content h3{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.bwOutput ul li {list-style-type:none;padding-bottom:10px;}
.bwOutput ul li a { color: #5e2f25; text-decoration: underline; font-weight: bold;}
.bwOutput ul li a:focus,
.bwOutput ul li a:hover { color: #975E52; }

.events .content h3 a, .events .content a{
	color: #fdb726;
	text-decoration: underline;
}
.events .content a:hover{
	text-decoration: none;
}
.events .content p{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 13px
}




@media screen and (min-width: 1000px){
.events{		
		padding-left: 38px;
		padding-right:38px;
	}
	.content-wrapper{
		padding: 0 1em;
	}
	.eventsList{
		padding: 0;
	}
	.eventsList > li:first-child{
		border: none;
		display: inline-block !important;
		vertical-align: top;
	}
	.eventsList > li{
		border-top: none;
		display: inline-block;
		border-left: dotted #7c564c 1px;
		padding-left: 12px;
		margin: 0;
		max-width: 33% !important;
		vertical-align: top;
		color: #fff;
	}
	.eventsList > li .image{
		vertical-align: top;
	}
}