/*
Office of Sustainability
*/


#feeds ul li { list-style: none; display: block; padding-bottom: 0px; border-bottom:none; margin-bottom: 0px; }


/*******************************************/
/***            Menu Container           ***/
/*******************************************/

nav.campus { display: none; }

body { }

h1, h2 body {font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-weight: 500;}

body#home .section > .content > .words > .padding > h2 { position: relative; display: inline-block; text-align: center; height: 30px; width: auto !important; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; line-height: 1em; padding: 5px 10px; margin: 0; background-color:FFF; color:#333; clear: both;}

body#home #hppr .hpprnews { position: relative; width: 68% !important; padding: 1%; display: table-cell; float: left; }
body#home #hppr .hpprevents { position: relative; width: 28% !important; padding: 1%; display: table-cell; float: left; }
body#home #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 0%; display: block;}
body#home #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: block; padding: 0; margin: 0; list-style: none; }
body#home #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: block; width: 100%;float: none; padding: 0 1% 0 0; margin: 20px 0; list-style: none; }
body#home #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#home #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #222;}
body#home #hppr strong { font-weight: 900; }
body#home #hppr .hpprevents li a:link, body#home #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }
body#home #hppr .hpprvideo { position: relative; width: 30%; padding: 1%; display: table-cell; float: left; }
body#home .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#home .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }


	
/* start Events styles */
.events { position: relative; width:80%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px;}
.events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
.events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px; }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}
ul.hpevents li .eventtext button.modal-open { color: #ad1a1f; white-space: normal; text-align: left; line-height: 1em; font-size: 1.3em; text-transform: none; letter-spacing: 0px; font-weight: 800; }

.billboard .content .words { position: absolute; bottom: 5%; right: 5%; width: 40%; height: auto; z-index: 1000; background: #FFF; border: 1px solid #666; padding: 2.5%; vertical-align: top; }
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #222; vertical-align: top; }
.billboard>.content>.words>.padding>h2 { /*font-size:0.85em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 900; color: #ad1a1f; padding: 0; margin: 0 0 15px 0; */text-shadow: none; color: #ad1a1f;}
.billboard>.content>.words>.padding>.subtitle { font-size: 2.5em; font-family:"Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; margin: 0; padding: 0; line-height: 1em; color: #333; }

#hightlight { border: 1px solid red;}

.submenu_container > ul > li > a { padding: 5px 25px; display: block; color: #fff; text-decoration: none; background: #49453c; font-size: 14px; line-height: 29px; height: 29px; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; box-sizing: content-box; -moz-box-sizing: content-box; transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -webkit-transition: background-color 200ms linear; border: none; }
.submenu_container > ul > li:hover > a { padding-left: 25px; background: #676257; border: none; height: 30px;}

legend { font-weight:bold;}

nav.campusnav {display:none;}

.tdx2 .imgshell {position:relative; width: 20%;}

.fullscreen-bg { position: fixed; padding: 0; margin: 0; top: 0; right: 0; bottom: 0; left: 0; height: 520px; overflow: hidden; z-index: -100; background-color: transparent; }

.fullscreen-bg__video { position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: auto; }
video { position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; }
body#home #introshell .image { position: relative; width: 100%; height: 450px; background: transparent; z-index: 1000; padding: 0; margin: 0 auto; max-height: 550px; max-width: 1300px; min-height: 0px; overflow: hidden; }
body#home #introshell > .sitetitle > .sitelogo { top: 30px; height: 90px; background: none;}
#introshell > .sitetitle > .sitelogo { top: 30px; height: 90px;}
#introshell > .sitetitle { border: none;height: 120px; overflow: visible; top: 0; }

.billboard .content .words { position: absolute; bottom: 10%; right: 5%; width: 20%; height: auto; z-index: 1000; background-color: transparent; border: none; padding: 0; vertical-align: top; color: #FFF; }
.billboard .content .words .padding h2 {color: #FFF;}

nav#subnavigation_menus { position: relative; width: 100%; max-width: 1300px; margin: 0 auto; font-size: 0; line-height: 1em; text-align: center; color: #FFF; background-color: #222222; }

.sticky {position: fixed; top :0; width: 100%; z-index: 9999; }
.sticky, .main {padding-top: 102px;}


@media only screen and (min-width: 1001px)  { }

@media only screen and (min-width: 1001px) and (max-width: 1210px) { }

@media only screen and (min-width: 901px) and (max-width: 1000px) { }

/* ---------------------------- TABLET STYLES ------------------------ */

@media only screen and (min-width: 665px) and (max-width: 1000px) { 
	
	introshell>.image { position: relative; width: 100%; height: 400px; max-height: 400px; min-height: 0px; background: transparent; z-index: 1000; padding: 0; overflow: hidden; }
	body#home #introshell>.sitetitle {position: relative !important;top: 0px !important;left: 20px !important;width: 20% !important;}
	
}
/* ---------------------------- MOBILE ONLY  STYLES ------------------------ */

@media screen and (max-width: 664px) { 
	
	#introshell { position: relative; width: 100%; height: auto !important; background: transparent; z-index: 1000; padding: 0; height: 400px; max-height: 400px; min-height: 0px; overflow: hidden; }
	#introshell>.image { position: relative; width: 100%; height: auto !important; background: transparent; z-index: 1000; padding: 0; height: 400px; max-height: 400px; min-height: 0px; overflow: hidden; }
	body#home #introshell {max-height: 500px; overflow: hidden;}
	body#home #introshell>.sitetitle {position: relative !important;top: 0px !important;left: 20px !important;width: 20% !important;}
	body#home .fullscreen-bg { position: absolute; padding: 0; margin: 0; top: 0; right: 0; bottom: 0; left: 0; height: 500px; overflow: hidden; z-index: -100; background-color: transparent;}
	body#home #hppr .hpprnews { position: relative; width: 98% !important; padding: 1%; display: table-cell; float: left; }
	body#home #hppr .hpprevents { position: relative; width: 98% !important; padding: 1%; display: block; float: none; }
}
/***************/