/*Browse page*/

#main {
  background-color: white;
  height: auto;
}

.photo_large {
  display: block;
  margin: 172px 0 45px;
  width: 100%;
}

.photo_large > img {
  width: 100%;
  /* height: 410px; */
}

.cont {
  margin: 0 0 100px;
  overflow: hidden;
  color: #000000;
  padding: 0 0 0 50px;
}

.left {
  float: left;
  width: 677px;
}

.left .biography {
  font-size: 20px;
  line-height: 28px;
  margin: 0px 0 40px 0;
  text-align: left;
}

.cont .right {
  color: #000000;
  float: right;
  text-align: left;
  width: 300px;
}

.cont .right .photo {
  margin-bottom: 50px;
}

.cont .right > span {
  font-size: 40px;
  line-height: 76px;
}

.cont .right > p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 50px;
}

.photo > img {
  width: 100%;
}

#title_info {
  display: block;
  margin-bottom: 98px;
  overflow: hidden;
  padding: 0 0 2px 50px;
  text-align: left;
}

#title_info.season {
  margin-bottom: 45px;
}

#title_info .title_left {
  float: left;
  width: 610px;
}

#title_info .title_right {
  float: right;
  padding-top: 100px;
}

h1 {
  color: #000000;
  font-size: 60px;
  font-weight: lighter;
  line-height: 60px;
  margin-bottom: 15px;
  text-align: left;
}

.cont h1 {
  margin-bottom: 35px;
}

h3 {
  font-size: 40px;
  font-weight: lighter;
  line-height: 60px;
  margin: 0 0 30px !important;
  text-align: left;
}

.intro {
  color: #000000;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 34px;
}

.intro > span {
  margin: 0 10px;
}

.intro > span::after {
  content: "|";
}

.intro br {
  display: none;
}

.intro > a {
  color: #339933;
  text-decoration: underline;
}

.tabbed .content {
  color: #006699;
  /* display: block; */
  font-size: 38px;
  line-height: 45px;
}

.tabbed > span#tab2 {
  display: none;
}

.tabbed > span#tab3 {
  display: none;
}

.map {
  float: right;
}

.map > img {
  display: block;
}

.theme {
  position: relative;
}

.theme .map {
  top: 10px;
  height: 175px;
  position: absolute;
  right: 0;
  /* width: 175px; */
}

.tabbed {
  min-height: 200px;
}

.tabbed.country #snapshot, .tabbed.country .snapshot{
  color: black;
  font-size: 20px;
  line-height: 28px;
}

.tabbed .content ul {
  color: #000000;
  font-size: 20px;
}

.tabbed .content ul.mark0b {
  line-height: 28px;
  list-style-image: url("../images/mark0b.gif");
  padding: 0 0 0 14px;
}

.trips-box {
  overflow: hidden;
  padding-bottom: 57px;
  padding-left: 50px;
}

.leader .trips-box {
  padding-left: 0;
}

.trip {
  color: #000000;
  cursor: pointer;
  float: left;
  margin-bottom: 39px;
  margin-right: 34px;
  position: relative;
  width: 266px;
}

.trips {
  padding-left: 0px;
}

.trips .trip {
  margin-right: 9px;
}

.trip.right {
  float: right;
  margin-right: 0;
}

.trip .trip_photo {
  background-color: rgba(229, 229, 229, 0.75);
  cursor: pointer;
  height: 184px;
  margin-bottom: 7px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.trip .line {
  height: 30px;
  margin-bottom: 5px;
  position: relative;
}

.trip .line > span {
  background-color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 31px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.trip .line hr {
  border-width: 1px 0 0;
  left: 0;
  margin: 0;
  position: absolute;
  top: 15px;
  width: 100%;
  z-index: 0;
}

.trip .line.bottom hr {
  margin-top: -15px;
}

.trip > p {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
  min-height: 64px;
}

.trip > span {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

.trip .line.bottom {
  display: block;
  height: 30px;
  position: relative;
}

.trip .line.bottom > img {
  background-color: #ffffff;
  display: inline-block;
  margin: 0 auto;
  position: relative;
}

.trip .line.bottom hr {
  margin: 0;
  position: absolute;
  top: 15px;
  width: 100%;
}

.trip .trip_photo > img {
  width: 100%;
}


.search-season {
  color: #000000;
  font-size: 26px;
  overflow: hidden;
  padding: 25px 0 19px;
}

.search-season > p {
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 10px;
}

.search-season #seasons.combobox {
  background-color: #EAEAEA;
  background-position: 123px center;
  width: 146px;
}

.search-season #years.combobox {
  background-color: #eaeaea;
  background-position: 84px center;
  margin-right: 18px;
  width: 107px;
}

.search-season #years.combobox select {
  padding-left: 20px;
  width: 135px;
}

.search-season #seasons.combobox select {
  width: 170px;
}

.search-season > a {
  background-color: #3e8f34;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 20px;
  font-stretch: ultra-condensed;
  letter-spacing: 1px;
  padding: 7px 18px 8px 26px;
}

.search-season #right-bottom-link {
  color: #000000;
  float: left;
  font-size: 20px;
  margin: 21px 0 0 21px;
}

.search-season div a {
  color: #339933;
}

.search-season a span {
  text-decoration: underline;
}

.search-season .combobox {
  background: url("../images/new-arrow.png") no-repeat scroll 122px center #FFFFFF;
  float: left;
  height: 35px;
  margin-right: 6px;
  overflow: hidden;
  position: relative;
}

.search-season .combobox select {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 15px;
  font-weight: lighter;
  height: 36px;
  opacity: 0;
  padding: 5px;
}

.search-season .combobox span {
  color: #000000;
  font-size: 20px;
  height: 16px;
  left: 0;
  overflow: hidden;
  padding: 7px;
  position: absolute;
  right: 30px;
  text-align: left;
}

a.no_upcoming  {
  color: #339933;
}

.rollower {
  background-color: rgba(109, 109, 109, 0.18);
  z-index: 1;
}

.max1000 {
  display: none;
}

h2 {
  color: #000000;
  font-size: 40px;
  font-weight: lighter;
  line-height: 40px;
  padding-bottom: 44px;
  padding-left: 50px;
  text-align: left;
}

h2.no-upcoming {
  color: #006699;
  font-size: 28px;
  line-height: 33px;
  margin: 0;
  padding: 0;
}

.tab-ubclogo {display:none}

/*  Leader Page*/
.cont.leader .trips-box {
  text-align: center;
}

.cont.leader .post-list {
  position: absolute;
}

.cont.leader .post-list .post a {
  text-decoration: none;
}

.cont.leader .post-list h3 {
  margin-top: 50px !important;
}

.cont.leader .right .photo {
  margin-bottom: 0;
}

.cont.leader .left {
  padding-left: 0;
}

/*
.trip-region h2, .trip-region h3, .trip-region .clear {
  display: none;
}
*/

@media only screen and (max-width: 1199px) {
  .max1000 { display: block; }
  .photo_large { margin: 254px 0 73px; }
  #main .wrapper .photo_large { display: none; }
  
  #title_info { padding: 0 0 2px 0; }
/*   h1 { margin: 0 auto 15px; width: 825px; }
  .trips-box { width: 825px; margin: 0 auto; }
 */  
  .trips .trip { margin-right: 34px; }
  .trips-box { padding-bottom: 47px; padding-left: 0px; }
  .cont.leader .left { width: 580px; }
  .cont.leader .trip { margin-right: 24px; }
  h2 { padding-left: 0; }
  
  #title_info .title_right { float: left; padding-top: 50px; }
}

@media only screen and (max-width: 999px) {
  .map { display: none; }
  .photo_large { margin: 254px 0 48px; }
  h1 { font-size: 80px; margin-bottom: 31px; }
  #title_info { margin-bottom: 74px; padding: 0 0 2px; }
  .tabbed { font-size: 30px; }
  #title_info .title_left { width: auto; }
  .intro { font-size: inherit; margin-bottom: 47px; }
  .tabbed.country #snapshot, .tabbed.country .snapshot { font-size: inherit; line-height: 37px; }
  .tabbed .content { line-height: 37px; font-size: inherit; }
  .tabbed .content ul.mark0b { font-size: inherit; line-height: inherit; }
  .expand-box .condense_control { font-size: inherit; }
  .trips-box { padding-bottom: 15px; }
  .trip { width: 293px; }
  .cont .right { float: left; width: auto; }
  .cont .right .photo { float: left; margin: 0 50px 50px 0; width: 300px; }
  .cont.leader .left { width: 100%; }
  .left .biography { font-size: 24px; line-height: 32px; }
  .tab-ubclogo {display:block; margin-bottom:10px}
  .cont.leader .post-list { position: relative; float: left; text-align: left !important; }
  .cont.leader .post-list .post { margin-left: 0 !important;  margin-right: 22px !important; }
}

@media only screen and (max-width: 799px) {
  #main { overflow: hidden; }
  .photo_large { left: -200%; position: relative; width: 500%; margin: 144px 0 62px; }
  .photo_large > img { height: 100%; left: 0; width: auto; }
  .cont { padding: 0; }
  .cont .right { width: 100%; padding: 0 10px; }
  .cont .right .photo { margin: 0 auto 50px; float: none; }
  h1 { font-size: 50px; line-height:60px; margin: 0 auto 15px; width: 90%; }
  #title_info { margin: 0 auto 74px; padding: 0 10px 2px; }
  #title_info h1 { width: auto; }
  .left .biography { padding: 0 10px; }
  .leader h3 { padding-left: 10px; }
  .tabbed { font-size: 20px; }
  .intro { margin-bottom: 34px; }
  .intro > span { margin: 0 6px; }
  .tabbed.country #snapshot, .tabbed.country .snapshot { line-height: 28px; }
  .tabbed .content { line-height: 28px; }
  .trips-box { padding-bottom: 72px; margin: 0 auto; width: 364px; }
  .trip { width: 364px; margin-bottom: 60px; margin-right: 0; }
  .trip .trip_photo { height: 252px; margin-bottom: 14px; }
  .trip .line > span { font-size: 20px; }
  .trip > p { font-size: 36px; line-height: 40px; }
  .trip > span { font-size: 28px; line-height: 36px; margin-bottom: 7px; }
  .trip .line.bottom { height: 41px; }
  .trip .line.bottom > img { width: 41px; }
  .trip .line.bottom hr { top: 20px; }
  .left .biography { font-size: 20px; line-height: 28px; }
  
  .search-season { margin: 0 auto; width: auto; }
  .search-season .combobox { margin-right: 2%; }
  .search-season #years.combobox { background-position: 92% center; width: 26%; margin-right: 2%; }
  .search-season #years.combobox select { width: 100%; }
  .search-season #seasons.combobox { background-position: 95% center; width: 40%; }
  .search-season #seasons.combobox select { width: 100%; }
  .search-season > a { padding: 7px 3% 8px 4%; }
  
  h2 { padding: 0px 10px 40px; }
  
  .cont.leader .right { width: 100% !important; }
  .cont.leader .post-list { margin: 0 auto; width: 349px; float: none;}
  .cont.leader .post-list h3 { width: auto; }
}

@media only screen and (max-width: 479px) {
  .intro > span::after { content: ""; }
  .intro > br { display: inline-block; line-height: 26px; }
  .trips-box { width: 100%; max-width: 364px; }
  .trip { width: 100%; }
  .trip .trip_photo > img { height: 100%; width: auto; min-width: 364px;}
}