/*
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 {}

.section > .content .imgshell {position: relative; width: 10%; height: auto; margin: 2% auto 1% auto; }

/* 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%;}

main #maintext .content .text {margin: 0 auto;}

/* -------  Resources Database Styles -------- */
.text {margin: 0 auto;}
.searchbar {position:relative; display: block; width: 100%; height: auto; float: none; padding: 0; margin: 0; overflow: visible;}
.searchmenu {position: relative; width: 31%; float: left; padding: 1%; margin: 0; overflow: hidden; z-index:1000;}
select {position: relative; padding: 2%; letter-spacing: 1px; color: #6d6d6d; width: 100%; }
lable {display: block;}
input .type {padding:1%;}

.ctabutton {width: auto; height: auto;margin: 1%; padding: 3%; }

.parent { position:relative; display: block; width: 100%; float: none; padding: 0; margin: 0; }
.parent .row { position:relative; width: 100%; display: table; padding: 10px 0; margin: 10px auto; border-top: 1px solid #999; }
.parent .row .dbimage { position:relative; width:8%; display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .dbimage img { position:relative; width:90%; height: auto; }
.parent .row .title {position:relative;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; font-weight: 700;}
.parent .row .title.name {width: 25%}
.parent .row .type.instructor {width: 20%}
.parent .row .type.certificate {width: 15%}
.parent .row .type.date {width: 15%}
.parent .row .type.level {width: 15%}
.parent .row .abstract {position:relative; width:30%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .display_types {position:relative; width:12%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%; }
.parent .row .location {position:relative; width:12%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }
.parent .row .type {position:relative; width:15%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }
.parent .row .file_download {position:relative; width:10%;display: table-cell; float: left; padding: 0.5%; margin: 0.25% 0.5%;  }

/* Mobile(Responsive) */

/*@media only screen and (max-width: 940px) and (min-width: 640px) {

    .submenu_container > ul > li > a { padding: 8px 15px; font-size: 14px; }
.submenu_container > ul > li:hover > a { padding-left: 16px; }

}*/

@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 ONLY  STYLES ------------------------ */

@media only screen and (min-width: 701px) and (max-width: 900px) {
	
	.searchmenu {position: relative; width: 98%; float: left; padding: 1%; margin: 0; overflow: hidden; z-index:1000;}	
}

/* ---------------------------- MOBILE ONLY  STYLES ------------------------ */

@media only screen and (max-width: 700px) {
	
main #maintext .content .text .content {width: 90%;}
.searchmenu {position: relative; width: 98% !important; float: none; padding: 1%; margin: 0; overflow: hidden; z-index:1000;}
.ctabutton {width: 98%; height: auto;margin: 1%; padding: 3%; text-align: center; }
.parent { position:relative; display: block; width: 100%; float: none; padding: 0; margin: 0; }
.parent .row { position:relative; width: 100%; display: table; padding: 10px 0; margin: 10px auto; border-top: 1px solid #999; }
.parent .rowhead { display:none }
.parent .row .dbimage {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .dbimage img { position:relative; width:90%; height: auto; }
.parent .row .title { font-weight: 800; }
.parent .row .title, .parent .row .title.name, 
.parent .row .title.instructor, .parent .row .type.certificate, 
.parent .row .type.date, .parent .row .type.level  {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0; font-size: 1.2em;}
.parent .row .type {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .abstract {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .display_types {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}
.parent .row .location {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0; }
.parent .row .file_download {position:relative; width:98%; display: block; float: none; padding: 1%; margin: 0;}

}