/* Site CSS */
.stickynav {
    z-index: 99;
}

.event-title, .announcement-title {
    margin-bottom: 4px;
}

.btn-main-info {
    border-radius: 0px;
    background-color: #fff;
    color: #ba0c2f;
    border: 2px solid #ba0c2f;
    padding: 10px 20px;
}

.btn-main-info:hover {
    background-color: ba0c2f;
}
/* IMAGE LINK MOTION */
 a img {
	 -moz-transition: all 1.0s;
	 -webkit-transition: all 1.0s;
	 transition: all 1.0s;
}
 a:hover img {
	 -webkit-transform: scale(1.03);
	 -moz-transform: scale(1.03);
	 -o-transform: scale(1.03);
	 -ms-transform: scale(1.03);
	 transform: scale(1.03);
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt0{
    margin-top: 0px;
}

.mt20 {
    margin-top: 20px;
}
.mt15 {
    margin-top: 15px;
}

.right{
    text-align: right;
}

.mb0{
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}
/* 2023 Homepage */

#events hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #f2f2f2;
}

.event-image {
    margin-top: 10px;
}

.event-date {
    font-style: italic;
    color: #444;
    margin-bottom: 0px;
}

#home2023 #hero {
    padding: 0;
}

 #heroimg {
	position:relative;
	background:url(../img/homepage-redondo-village-banner.jpg) top center no-repeat; 
	background-size:cover;
	height: 532px;
}
 #heroimg-txt {
	 position: absolute;
	 bottom: 20px;
	 left: 30px;
	 color: #fff;
	 font-size: 3em;
	 line-height:1;
}
#home2023 #nav {
    background-color: #ba0c2f;
}
#home2023 #toolbar {
    color: white;
    background-color: #ba0c2f;
    text-align:center;
    padding:16px 0;
    text-transform: uppercase;
}

#toolbar .icons {
    padding-bottom: 4px;
    color: #fff;
}

#toolbar .tool-text {
    display:inline-block;
    font-size: 14px;
    line-height: 18px;
}

#toolabar a .icons, #toolbar a .tool-text {
    color: #FFF !important;
    text-decoration: none;
}

#toolbar a:hover .tool-text {
    text-decoration: underline;
    color: #fff;
}
/* custom nav */
#header .customize-nav {
    border: 0;
    background-color: transparent;
    margin-bottom:0;
}


#header .customize-nav .navbar-nav>.open>a, 
#header .customize-nav .navbar-nav>.open>a:focus, 
#header .customize-nav .navbar-nav>.open>a:hover {
    background-color: transparent;
    color:#fff;
}

#header .customize-nav .navbar-right {
    padding-bottom: 11px;
}

#header .navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
    background-color:rgba(193, 0, 55, 0.85);
}

#header .navbar-brand {
    padding: 5px 0 0 0;
    line-height: 1;
}

div#header {
    background-color: rgba(193, 0, 55, 0.85);
    position: absolute;
    z-index: 10;
    width: 100%;
}

#header .customize-nav a {
    color: #fff;
}

#header .customize-nav .dropdown li a{
    text-transform: uppercase;
    color: #fff;
}

@media screen and (min-width:768px) {
   .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: underline;
    color: #FFF;
    background-color: #ba0c2f;
}
}

.dropdown-menu>li>a {
    text-transform: uppercase;
}
/** background image for main info section **/
/** #home2023 #main {
    
    background:url(../img/banners/housing-bg-white.jpg) bottom center no-repeat;
	 background-size:cover;
}

#home2023 #lower {
    background-color: #fff;
} **/

/* END 2023 Homepage */
 .turquoise {
	color:#007a86;
}
 #home #upper {
	margin-bottom:30px;
	padding-bottom:20px;
}
 #home a.btn-box {
	 display: block;
	 font-size: 1.5em;
	 text-align: center;
	 font-weight: bold;
	 margin: 20px 0;
	 padding: 10px;
}
 a.btn-box {
	 border: 2px solid #ba0c2f;
	 color: #ba0c2f;
	 display: inline-block;
	 padding: 5px 10px;
	 font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-size: 80%;
	 margin-top: 20px;
}
 a.btn-box:hover {
	 background-color: #fff;
	 border: 2px solid #63666a;
	 color: #63666a;
	 text-decoration: none;
}
 #dashboard {
	background:#a7a8aa;
	margin-bottom:30px;
	padding:40px 0;
}
 #home #dashboard a.btn-box {
	background-color:#fff;
}
 .mb-20 {
	margin-bottom:20px;
}
 .mb-30 {
	margin-bottom:30px;
}
 #covidalert {
	 border-radius: 0;
	 margin: 0;
	 padding: 20px 0 30px 0;
	 background-color: #007a86;
	 color: #fff;
	 text-align: center;
}
 #covidalert a {
	 color : white;
}
 #home .jumbotron h2.h1 {
	font-size:31px;
}
/* delete when corona is over */
 #header {
	 padding: 30px 0 10px 0;
	 position: absolute;
	 width: 100%;
	 background-color: rgba(255,255,255,.5);
}
/* delete below when corona is over */
 #home #header {
	 padding: 30px 0 10px 0;
	 position: relative;
	 width: 100%;
	 background-color: rgba(255,255,255,.5);
}
 #hero {
	 background:#ccc url(../../residence-halls/images/residence-halls.jpg) center center no-repeat;
	 background-size:cover;
	 padding-top: 500px;
}
/* Small Devices */
 @media only screen and (max-width : 768px) {
	 #hall #hero {
		 background-position:top left;
	}
}
/* Extra Small Devices, Phones */
 @media only screen and (max-width : 480px) {
	 #hero {
		 padding-top: 300px;
	}
	 #hall #hero h1 {
		 font-size:20px;
	}
}
 #hall-list #hero {
	 background:url(../../residence-halls/images/residence-halls.jpg) center center no-repeat;
	 background-size:cover;
}
 #home2023 #hero {
	 /*background: #fff;
	 background-size:cover;*/

	/*Delete when Corona is over*/
	 padding-top:0;
	/*Delete when Corona is over*/
}
 #about #hero {
	 background:url(../../assets/img/banners/banner1.jpg) center center no-repeat;
	 background-size:cover;
}
 #tour #hero {
	 background:url(../../assets/img/banners/banner2.jpg) center center no-repeat;
	 background-size:cover;
}
 #conf #hero {
	 background:url(../../assets/img/banners/banner24.jpg) center center no-repeat;
	 background-size:cover;
}
 #conf1 #hero {
	 background:url(../../assets/img/banners/banner25.jpg) center center no-repeat;
	 background-size:cover;
}
 #conf2 #hero {
	 background:url(../../assets/img/banners/banner5.jpg) center center no-repeat;
	 background-size:cover;
}
 #conf3 #hero {
	 background:url(../../assets/img/banners/banner26.jpg) center center no-repeat;
	 background-size:cover;
}
 #conf4 #hero {
	 background:url(../../assets/img/banners/banner27.jpg) center center no-repeat;
	 background-size:cover;
}
 #current #hero {
	 background:url(../../assets/img/banners/banner7.jpg) center center no-repeat;
	 background-size:cover;
}
 #current1 #hero {
	 background:url(../../assets/img/banners/banner8.jpg) center center no-repeat;
	 background-size:cover;
}
 #current2 #hero {
	 background:url(../../assets/img/banners/banner-bike.jpg) center center no-repeat;
	 background-size:cover;
}
 #current3 #hero {
	 background:url(../../assets/img/banners/banner31.jpg) center center no-repeat;
	 background-size:cover;
}
 #current4 #hero {
	 background:url(../../assets/img/banners/banner-escort.jpg) center center no-repeat;
	 background-size:cover;
}
 #current5 #hero {
	 background:url(../../assets/img/banners/banner-amenities.jpg) center center no-repeat;
	 background-size:cover;
}
 #living #hero {
	 background:url(../../assets/img/banners/banner13.jpg) center center no-repeat;
	 background-size:cover;
}
 #living1 #hero {
	 background:url(../../assets/img/banners/banner14.jpg) center center no-repeat;
	 background-size:cover;
}
 #living2 #hero {
	 background:url(../../assets/img/banners/banner-louie.jpg) center center no-repeat;
	 background-size:cover;
}
 #living3 #hero {
	 background:url(../../assets/img/banners/banner16.jpg) center center no-repeat;
	 background-size:cover;
}
 #living4 #hero {
	 background:url(../../assets/img/banners/banner20.jpg) center center no-repeat;
	 background-size:cover;
}
 #living5 #hero {
	 background:url(../../assets/img/banners/banner18.jpg) center center no-repeat;
	 background-size:cover;
}
 #living6 #hero {
	 background:url(../../assets/img/banners/banner19.jpg) center center no-repeat;
	 background-size:cover;
}
 #living7 #hero {
	 background:url(../../assets/img/banners/banner20.jpg) center center no-repeat;
	 background-size:cover;
}
 #living8 #hero {
	 background:url(../../assets/img/banners/banner21.jpg) center center no-repeat;
	 background-size:cover;
}
 #living9 #hero {
	 background:url(../../assets/img/banners/banner22.jpg) center center no-repeat;
	 background-size:cover;
}
 #living10 #hero {
	 background:url(../../assets/img/banners/banner23.jpg) center center no-repeat;
	 background-size:cover;
}
 #sfh #hero {
	 background:url(../../assets/img/banners/banner-sfh1.jpg) center center no-repeat;
	 background-size:cover;
}
 #sfh1 #hero {
	 background:url(../../assets/img/banners/banner-sfh2.jpg) center center no-repeat;
	 background-size:cover;
}
 #sfh2 #hero {
	 background:url(../../assets/img/banners/banner-sfh3.jpg) center center no-repeat;
	 background-size:cover;
}
 #summer #hero {
	 background:url(../../assets/img/banners/banner30.jpg) center center no-repeat;
	 background-size:cover;
}
 #co-ed #hero {
	 background:url(../../assets/img/banners/banner-co-ed.jpg) center center no-repeat;
	 background-size:cover;
}
 #spc-needs #hero {
	 background:url(../../assets/img/banners/banner28.jpg) center center no-repeat;
	 background-size:cover;
}
 #ra #hero {
	 background:url(../../assets/img/banners/banner29.jpg) center center no-repeat;
	 background-size:cover;
}
 #updates #hero {
	 background:url(../../assets/img/banners/banner-updates.jpg) center center no-repeat;
	 background-size:cover;
}
 #positions #hero {
	 background:url(../../assets/img/banners/banner-eating.jpg) center center no-repeat;
	 background-size:cover;
}
 #interim-housing #hero {
	 background:url(../../assets/img/banners/interim-housing.jpg) center center no-repeat;
	 background-size:cover;
}
 #navajohousing #hero {
	 background:url(../../assets/img/banners/navajo-student-housing.jpg) center center no-repeat;
	 background-size:cover;
}
 #hall #hero {
	 background-size:cover;
}
 #hall #hero h1 {
	 background-color: #c10037;
	 display: inline;
	 padding: 10px 20px;
	 margin: 0;
	 border: 2px solid #fff;
	 position: relative;
	 bottom: 40px;
	 color: #fff;
}
 h2.hall-style {
	 background-color: #eee;
	 padding: 5px 10px;
	 border-left: 5px solid #c10037;
}
 .rates thead th {
	 background-color: #c10037;
	 color: #fff;
}
 .rates .room-style {
	 background-color:#f6f6f6;
	 font-size:1.1em;
}
 .rates .room-style2 {
	 background-color:#f6f6f6;
	 font-size:1.1em;
	 color:#000;
}
 img.media-object {
	 max-width:initial;
}
 #lower h2 {
	 border-bottom: 2px solid #c10037;
}

#lower #social-feed h2 {
	 border-bottom: none;
}

 .hall-sidebar h2 {
	 font-size: 20px;
	 border-bottom: 2px solid #c10037;
}
 .hall-sidebar {
	 background-color: #f6f6f6;
	 padding: 15px;
	 margin-bottom: 20px;
}
 a.unm-teal:hover {
	 color: #fff;
	 text-decoration: underline;
}
 .rcorner-yellow {
	 border-radius: 25px;
	 background: #f2ca67;
	 padding: 20px;
	 margin-left: 15px;
}
 .rcorner-red {
	 border-radius: 25px;
	 background: #c10037;
	 padding: 5px 20px 20px 20px;
	 margin-left: 15px;
	 color: white;
}
 .rcorner-teal {
	 border-radius: 25px;
	 background: #007a86;
	 padding: 5px 20px 20px 20px;
	 margin-left: 15px;
	 color: white;
}
 .rcorner-teal a {
	 color: white;
	 text-decoration: underline;
}
 .video-container {
	 position:relative;
	 padding-bottom:56.25%;
	 padding-top:30px;
	 height:0;
	 overflow:hidden;
}
 .video-container iframe, .video-container object, .video-container embed {
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
}
 .amenities li {
	 border-bottom: 1px solid #eee;
	 padding: 2px 0;
	 clear: both;
	 overflow: auto;
}
 .amenities li span {
	 font-size: 1.5em;
	 vertical-align: middle;
	 float: left;
	 clear: left;
	 margin: 0 10px 0 0;
}
/**** Housing Font Icons ****/
 @font-face {
	 font-family: "housing-font";
	 src:url("../fonts/housing-font.eot");
	 src:url("../fonts/housing-font.eot?#iefix") format("embedded-opentype"), url("../fonts/housing-font.woff") format("woff"), url("../fonts/housing-font.ttf") format("truetype"), url("../fonts/housing-font.svg#housing-font") format("svg");
	 font-weight: normal;
	 font-style: normal;
}
 [data-icon]:before {
	 font-family: "housing-font" !important;
	 content: attr(data-icon);
	 font-style: normal !important;
	 font-weight: normal !important;
	 font-variant: normal !important;
	 text-transform: none !important;
	 speak: none;
	 line-height: 1;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 [class^="housing-"]:before, [class*=" housing-"]:before {
	 font-family: "housing-font" !important;
	 font-style: normal !important;
	 font-weight: normal !important;
	 font-variant: normal !important;
	 text-transform: none !important;
	 speak: none;
	 line-height: 1;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 .housing-laundry:before {
	 content: "a";
}
 .housing-utility:before {
	 content: "b";
}
 .housing-wifi:before {
	 content: "d";
}
 .housing-service:before {
	 content: "e";
}
 .housing-furniture:before {
	 content: "f";
}
 .housing-book:before {
	 content: "g";
}
 .housing-tv:before {
	 content: "h";
}
 .fact {
	 position: absolute;
	 right: 0;
	 top: 50%;
}
 .fact-contentx {
	 width: 260px;
	 position: relative;
	 margin-left: 30px;
}
 .fact p.fact-text {
	 padding: 5px;
	 border: 1px solid silver;
	 background-color: #fff;
}
 .fact-percent {
	 font-size: 2.5em;
	 background-color: rgba(193, 0, 55,1);
	 color: #fff;
	 padding: 15px;
	 text-align: center;
	 line-height: 2em;
	 border-radius: 50%;
	 display: inline-block;
	 position: relative;
	 top: -.75em;
	 left: -10px;
	 float: left;
}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	 color: #fff;
	 background-color: #c10037;
}
 .breathingroom {
	 margin-bottom: 30px;
}
 .breathingroom2 {
	 margin-left: 20px;
}
 #home #upper {
	 background-color: #5e5d60;
	 color: #fff;
	 text-align: center;
	 padding-top: 20px;
}
 .rm-select {
	 margin-top: 0px;
}
/**** Callouts ****/
 .callout {
	 display: block;
	 padding: 10px 20px;
	 margin-bottom: 15px;
	 position:relative;
}
 .callout:hover {
	 cursor: pointer;
	 cursor: hand;
}
 .callout a {
	 color:#fff;
}
 .our-halls::after {
	 position: absolute;
	 content: "\f236";
	 font-family: fontawesome;
	 opacity: .2;
	 font-size: 150px;
	 bottom: 0;
	 right: 10px;
	 line-height: 100px;
}
 .our-rates::after {
	 position: absolute;
	 content: "\f155";
	 font-family: fontawesome;
	 opacity: .2;
	 font-size: 150px;
	 bottom: 0;
	 right: 10px;
	 line-height: 150px;
}
 .tour::after {
	 position: absolute;
	 content: "\f041";
	 font-family: fontawesome;
	 opacity: .2;
	 font-size: 150px;
	 bottom: 0;
	 right: 10px;
	 line-height: 120px;
}
 .maintenance::after {
	 position: absolute;
	 content: "\f0ad";
	 font-family: fontawesome;
	 opacity: .2;
	 font-size: 150px;
	 bottom: 0;
	 right: 10px;
	 line-height: 120px;
}
 .well-red {
	 background-color: #c10037;
	 color: #fff;
	 padding: 20px;
	 border-radius: 7px;
}
 .header {
	 background-color: #c10037;
	 color: #fff;
	 padding: 10px;
}
/* HOMEPAGE STYLE RESET START */
 #home #main {
	 padding:0;
	 width:100%;
}
 #home #main > .container {
	 width: 100%;
	 padding: 0;
}
 #home #c #primary, #home #c #secondary, #home #c #tertiary {
	 padding:0 !important;
}
 #home #upper > .container {
	 width: 100%;
	 padding: 0;
}
 #home #main > .container > .row {
	 margin: 0;
}
 #home #breadcrumbs {
	 margin-top: 0;
}

/* UNNECESSARY BORDERS STYLE RESET */
.navbar-unm {
    border-color: #ba0c2f;
}

#lower {
    border-top: 1px solid #f9f9f9;;
}

#footer hr {
    border-color: #c8193c;
}

.navbar-unm .navbar-brand {
    height: 60px;
}
#header {
    padding: 20px 0 10px 0;
}