/********************************* * Utilities *********************************/
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/********************************* * Office Hours Styles *********************************/
 .oh label {
	 font-weight:400;
}
 .oh a:hover{
	 text-decoration:none;
}
/********************************* * Home Slider *********************************/
 #home #hero {
	 background-color: #f2f2f2;
}
 #home .boxshadow::after {
	 top: 100%;
	 left: 0;
	 width: 100%;
	 height: 0;
	 padding-top: 100%;
	 transform-origin: 0 0;
	 transform: none;
	 background: #c10037;
	 box-shadow: none;
}
 #home .boxshadow::before {
	 top: 0;
	 left: 100%;
	 height: 100%;
	 width: 0;
	 padding-right: 100%;
	 transform-origin: 0 0;
	 border: 1px solid black;
	 transform: none;
	 background: #c10037;
	 box-shadow: none;
}
 #home .boxshadow {
	 position: relative;
	 background-color: #c10037;
}
 #home .carousel-caption {
	 left: 0;
	 right: 0;
	 bottom: 0;
}
 #home .carousel-indicators {
	 position: relative;
	 bottom: 20px;
	 left: 50%;
	 z-index: 15;
	 width: 60%;
	 margin-left: -30%;
	 padding-left: 0;
	 list-style: none;
	 text-align: center;
}
 @media only screen and (min-width : 992px) {
	 #home .boxshadow {
		 position: absolute;
		 background-color: rgba(0,0,0,.5);
	}
	 #home .boxshadow::after {
		 transform: skew(45deg,0deg);
		 background: linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%);
		 box-shadow: 1px 0 0 0 rgba(0,0,0,.1);
	}
	 #home .boxshadow::before {
		 transform: skew(0deg,45deg);
		 background: linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%);
		 box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	}
	 #home .carousel-caption {
		 left: 15%;
		 right: 15%;
		 bottom: 0px;
	}
}
 @media only screen and (min-width : 1200px) {
	 #home .carousel-indicators {
		 position: absolute;
		 bottom: 10px;
	}
	 #home .carousel-caption {
		 left: 20%;
		 right: 20%;
		 bottom: 20px;
	}
}
/********************************* * Horizontal Nav Bar *********************************/
 .navbar-right .fa-2x {
	 font-size: 1.5em;
}
/********************************* * Box Containers *********************************/
 .boxes {
	 box-sizing: border-box;
}
 .boxes ul, .boxes li {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .boxes img {
	 width: 100%;
}
/*Flex items*/
 .boxes__ul {
	 display: flex;
	 flex-wrap: wrap;
}
 .boxes__box {
	 display: flex;
	 padding: 0.5em;
	 width: 100%;
}
 @media all and (min-width: 40em) {
	 .boxes__box {
		 width: 50%;
	}
}
 @media all and (min-width: 60em) {
	 .boxes__box {
		 width: 33.33%;
	}
}
 .box__content {
	 display: flex;
	 flex-direction: column;
	 padding: 1em;
	 width: 100%;
}
 .boxes .box__lexemes {
	 flex: 1 0 auto;
	 padding: 10px;
	 opacity: 1;
}
 .boxes a {
	 color: inherit;
	 text-decoration: none;
}
 @media only screen and (min-width : 480px) {
	 .boxes .boxes__ul {
		 flex-direction: row;
	}
}
/********************************* * ULLS Facts Block *********************************/
 #lower .container {
	 width: 100%;
}
 #lower {
	 padding: 0;
	 margin: 0;
}
 #ULLSFacts {
	 background-image: url("/assets/img/photos/about-ulls-background-large.png");
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-position-x: center;
	 background-position-y: center;
	 background-size: cover;
	/* width: 100%;
	 */
	 height: 100%;
	 overflow: hidden;
}
 #ULLSFacts ul {
	 list-style: none;
}
 #ULLSFacts ul li {
	 line-height: 2em;
}
/********************************* * Footer *********************************/
 #footer-nav ul {
	 margin: 0;
	 padding: 0;
}
 #footer-nav > ul {
	 display: flex;
	 flex-direction: column;
	 flex-wrap: wrap;
	 justify-content: space-around;
	 align-content: stretch;
}
 #footer-nav li {
	 list-style: none;
}
 #footer-nav > ul > li {
	 font-size: 1.3em;
	 margin: 10px;
}
 #footer-nav > ul > li > ul > li {
	 font-size: .7692em;
}
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
	 #footer-nav > ul {
		 margin: 0px 50px;
	}
}
/* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) {
	 #footer-nav > ul {
		 flex-direction: row;
	}
	 #footer-nav > ul > li {
		 width: calc(50% - 20px);
		 margin: 10px;
	}
}
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
	 #footer-nav > ul {
		 margin: 0;
	}
	 #footer-nav > ul > li {
		 width: auto;
		 margin: 10px 0px;
	}
}