/*****************************************************************************************
calendar-buildings.css
******************************************************************************************/
/*div.twSimpleListSubGroupHead {    
    width: auto;
    height: auto;
    padding-top: inherit;
    background-color: #c0c0c0;
	float: none;
}
div.twSimpleListSubGroupHead:before {
	content:none;
}
div.twSimpleListEvent0.last{
	content:none;	
	display:none; 
}*/



/*****************************************************************************************
copied from calendar.css (removed extra styles like twSimpleListSubGroupHead (green box))
******************************************************************************************/

@font-face {
      font-family: 'fontello';
      src: url('/_resources/fonts/fontello/font/fontello.eot'); /*remove appended parameter( ?71779276) to force cloudflare refresh, can be added after cache exprires(though this is useless anyways css wise)*/
      src: url('/_resources/fonts/fontello/font/fontello.eot') format('embedded-opentype'),
           url('/_resources/fonts/fontello/font/fontello.woff') format('woff'),
           url('/_resources/fonts/fontello/font/fontello.ttf') format('truetype'),
           url('/_resources/fonts/fontello/font/fontello.svg') format('svg');
      font-weight: normal;
      font-style: normal;
}

.calendar-listing hr{
	margin: 0;
}

.main-content a {
    text-decoration: none;
}

@media screen and (min-width: 1000px){
	.page-banner .desktop-banner {
		min-height: 250px;
	}
}

@media screen and (min-width: 768px) {
    .calendar-listing h2, .calendar-listing .h2 {      
      margin-bottom: 0px; 	  
	} 
}
.calendar-listing h4, .calendar-listing .h4 {
  
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 0;
  color: #004785;
}
@media screen and (min-width: 768px) {
    .calendar-listing h4, .calendar-listing .h4 {
      font-size: 25px;
      font-size: 1.5625rem; 
	} 
}
@media screen and (min-width: 1000px) {
    .calendar-listing h4, .calendar-listing .h4 {
      font-size: 30px;
      font-size: 1.875rem;
      /*margin-bottom: 0px; 
	  margin-top: 0px; */
	} 
}

.calendar-listing h3, .calendar-listing .h3 {
  
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  
  color: #004785;
}
@media screen and (min-width: 768px) {
    .calendar-listing h3, .calendar-listing .h3 {
      font-size: 30px;
      font-size: 1.6625rem;
	  margin-top: 20px;
      margin-bottom: 10px;
	} 
}
@media screen and (min-width: 1000px) {
    .calendar-listing h3, .calendar-listing .h3 {
      font-size: 34px;
      font-size: 1.975rem;
      /*margin-bottom: 0px; 
	  margin-top: 0px; */
	} 
}



@media screen and (min-width: 768px) {
	.calendar-listing .row{
		padding-right: 50px;
		padding-left: 50px;
		margin: 0 auto;
		max-width: 1800px;
		
	}
}
@media screen and (min-width: 1000px) {
	.calendar-listing .row{
		
		/*margin-right: 100px;
		margin-left: 100px;
		*/
	}
}

/*.calendar-listing .column{
	float: left;
}*/

@media screen and (max-width: 1000px) {
	.calendar-listing .center-column, .calendar-listing .left-column, .calendar-listing .right-column{
		width:100%;
	}
}
@media screen and (min-width: 1001px) {
	.calendar-listing .center-column{
		margin-right: 330px;
		margin-left: 250px;		
		min-height: 1100px;
	}
	.calendar-listing .left-column{
		margin-left: 20px;
		width: 200px;
		float:left;
	}
	.calendar-listing .right-column{
		margin-right: 20px;
		width: 280px;
		float:right;
	}

}
@media screen and (min-width: 1350px) {
	
	.calendar-listing .center-column{
		margin-right: 420px;
		margin-left: 320px;		
		min-height: 900px;
	}
	.calendar-listing .left-column{		
		width: 270px;				
	}
	.calendar-listing .right-column {		
		width: 370px;				
	}
}









/* Column Menu block */
.toggle-dropdown span:before {
      content: '';
      display: block;
      background-color: #ffffff;
      width: 16px;
      height: 2px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .toggle-dropdown span:after {
      content: '';
      display: block;
      background-color: #ffffff;
      width: 2px;
      height: 16px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .toggle-dropdown.expanded span:after {
    height: 2px; }
.colum-menu-block .toggle-dropdown {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Avenir Next LT W01 Demi';
    color: #ffffff;
    background-color: #004785;
    text-transform: none;
    padding: 13px 15px 12px;
    width: 100%;
    text-align: left;
}
@media screen and (max-width: 767px){
	.dropdown {
		display: none;
		border-left: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		/*padding: 20px !important;*/
	}
}
.colum-menu-block .dropdown {
    /*display: none;*/
    border-left: 1px solid #dddddd;
    /*border-bottom: 1px solid #dddddd;*/
    border-right: 1px solid #dddddd;
    /*padding: 20px !important;*/
}
.colum-menu-block.iframe .dropdown {
    border: 0px;
}
.colum-menu-block.iframe ul li {
	margin-right: 0px;
	margin-left: 0px;
    padding-left: 0px;
	padding-right: 0px;
}

.colum-menu-block { margin-bottom: 0px; }
.colum-menu-block p { 
	color: #004785;
    font-size: 30px;
    line-height: 1;
    margin-top: 0;
}
@media screen and (max-width: 999px) {     
    .colum-menu-block p {
		font-size: 27px; 
	} 
}  
.colum-menu-block ul {
    /*display: inline-block;*/
    margin: 0;
    padding: 0; 
}
@media screen and (max-width: 767px) {      
    .colum-menu-block ul {
        display: block; 
	}
}    
/*.colum-menu-block ul:after {
      content: "";
      clear: both;
      display: block; 
} */   
.colum-menu-block ul li {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
	/*float: left;
	display: inline-block;*/ 
}      
/*.colum-menu-block ul li a {
	display: block;
	text-decoration: none; 
} */     
.colum-menu-block ul li a:hover {
	text-decoration: none; 
}
@media screen and (min-width: 768px) {
  .colum-menu-block .toggle-dropdown {
    /*display: none;*/
    width: 100%; } 
}
@media screen and (max-width: 767px) {
	.colum-menu-block p {
		display: block;
		margin-bottom: 15px;
	} 
}
.colum-menu-block ul {
  padding-left: 0; 
}
@media screen and (max-width: 767px) {
    .colum-menu-block ul.dropdown {
		display: none; 
	}
	.toggle-dropdown span:after{
		height: 16px;
	}
	
}
.colum-menu-block ul li {
    /*margin-right: 15px;*/
    margin-bottom: 10px;
    padding-left: 15px; 
	padding-right: 15px;
}
@media screen and (max-width: 767px) {
      .colum-menu-block ul li {
        margin-bottom: 10px; 
	}
}	


/*div[id=trumba\.spud\.3]{*/
#month-navigator > div, #month-navigator div:first-child{
	height:40px !important;
	margin-left: calc(50% - 150px);
	margin-top: 10px;
}
.month-navigator{
	text-align: center;	
}

@media screen and (min-width: 768px) {
	.month-navigator .center-column{
		margin-right: 50px;
		margin-left: 50px;
		min-width: 400px;
		width:calc(50% - 50px);
	}
}
@media screen and (min-width: 768px) {
	.month-navigator .left-column, .month-navigator .right-column {
		width: 50px;		
	}
}

@media screen and (min-width: 1000px) {
		.month-navigator button.slick-arrow {
		background-size: 15px auto !important;
	}
}
section.event-listing .event-wrapper {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 40px;
    margin-bottom: 35px; 
}
@media screen and (min-width: 1000px) {
    section.event-listing .event-wrapper {
		margin-bottom: 75px; 
	} 
}
.month-navigator button.slick-prev {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      border: 0;
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color: transparent;
      position: absolute;
      width: 40px;
      height: 100%;
      background: center center no-repeat url(images/cta-arrow-blue-left%402x.png);
      background-size: 12px auto;
      top: 0;
      left: 0; }
.month-navigator button.slick-next {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      border: 0;
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color: transparent;
      position: absolute;
      width: 40px;
      height: 100%;
      background: center center no-repeat url(images/cta-arrow-blue-right%402x.png);
      background-size: 12px auto;
      top: 0;
      right: 0; 
}


/************************************** R25 LIVE STYLES ********************************************************/
div#ctl05_credit, span#ctl05_ctl03_ctl00_msgEventsFound, a#ctl05_ctl03_ctl00_helpSearch {
    display: none;
}

div.twSearchInfoWrap {    
    margin: 0px 0px 20px 0px;
    padding: 4px 5px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #71a000;
    background-color: rgba(73, 143, 226, 0.03);    
    font-size: 10pt;
}


div.twSimpleListSubGroupHead > span {
    display: block;
    position: relative;
    padding-top: 15px;
}
div.twSimpleListSubGroupHead > span > span {
    display: block;
}
div.twSimpleListSubGroupHead > span > span.month {
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
}
div.twSimpleListSubGroupHead > span > span.day {
    font-family: 'Serifa W01_55 Roman';
    font-size: 58px;
    font-size: 3.625rem;
    line-height: 58px;
}
/* this is the width of the iframe in this case*/
@media screen and (max-width: 403px) {
	.twSimpleListSubGroupHead.first{
		margin-left: 35%;
		margin-right: 50%;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	div.twSimpleListEvent0{
		padding-left: 0px;
	}
}


#trumba.spud.2 {
	height:100px !important;
}


div.twCalendarListDiv {
    overflow: auto;
    overflow-x: hidden;
    max-height: 100%;
    overflow-y: hidden;
}

table.twCalendarListCalendarBlock td.twCalendarListNameCell {

	padding: 0px 2px 0px 0px;

	vertical-align: middle;

	border-left: 0;

	padding-bottom: 6px;

	padding-top: 6px;

	border-width: 1px 1px 1px 1px;

	border-style: solid;

	border-color: #ddd;

	padding-left: 10px;

	padding-right: 6px;
	
}

.twCalendarListCheckbox {
	height: 2.2em !important;
}

.twDetailTime{
	font-family: 'AvenirNextLTW01-Regular','Open Sans', helvetica, arial, sans-serif !important;
    font-size: 16px !important;
    font-size: 0.89rem !important;
}

.twDescription a, a.twCalendarListName, a.twDescription{	
  font-family: 'AvenirNextLTW01-Regular','Open Sans', helvetica, arial, sans-serif !important;
  font-size: 22px !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;  
  color: #337ab7 !important;
}
.twDescription a:hover, a.twCalendarListName:hover, a.twCalendarListName label:hover{
	text-decoration: none !important;
	color: #003F75 !important;
}
.twUpcomingItem .twUpcomingDate, .twLabelCell, .twDetail{
	font-family: 'AvenirNextLTW01-Regular','Open Sans', helvetica, arial, sans-serif !important;
	font-size: 14px !important;
	font-size: 0.89rem !important;
	font-weight: bold !important;
	color: #000 !important;
}
.twUpcomingItem .twUpcomingLocation, .twLocation{
	font-family: 'AvenirNextLTW01-Regular','Open Sans', helvetica, arial, sans-serif !important;
	font-size: 14px !important;
	font-size: 0.89rem !important;
	color: #000 !important;
}
.twUpcomingItem .twUpcomingLocation:before {
   content: "Location: ";
   font-weight: bold; 
}
div.twUpcomingItems{
	border: none;
	
}
.upcomingEventRow{
	border-bottom: 1px solid #C0C0C0;
	padding: 10px 0 10px 0;
}

.twSimpleListSubGroup{
	border: none !important;
}

.twEDFooterLeft{
	visibility: hidden;
}

#rootDiv.trumba {
	margin-top: 0px;
	padding-bottom: 10px;
}



.twPagerGroup {
	width: 100%;
}
.twPagerBtn.right {
	float: right;
}
a.twMonthListLink.current {
	color: #71A000;
}
.twMonthList .months {
	font-size: 16px;
}
div.twSimpleListGroupHead {
    text-align: center;
	margin-bottom: 15px !important;
}




div.twSearchWrap div.twSearchBody input.twSearchTextbox{
    width: calc(100% - 70px);
}
.twSearchImage{
	margin-left: 10px !important;
	width: 25px;
    height: 25px;
}
div.twSearchWrap .twSearchHead{
	font-family: 'AvenirNextLTW01-Regular','Open Sans', helvetica, arial, sans-serif !important;
    font-size: 22px !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;    
	color: #004785 !important;
}
div.twSearchWrap div.twSearchBody input.twSearchTextbox{
	padding: 8px 12px 8px 12px;
	line-height: normal;
}


.twFeeds.twFeeds2{ padding: 0 0 10px 0; }

.calendar-search-button{ background: center center no-repeat url(images/icon-search-calendar.png); cursor:pointer;}

.mobile-search-wrapper{display:none;}
.calendar-search-button{display: none; width: 25px; height: 25px; margin-right:5px;}	
@media screen and (max-width: 1000px) {
	.calendar-search-button{display: inline; float: right;}
	/*.displaying-calendar-head:after{ content: "<div>CLICK</div>";}*/
	/*.displaying-calendar-head~.calendar-search-button{display: inline; float: right;}*/
	/*.displaying-calendar-head~.mobile-search-wrapper{display: block;}*/
}

/*Mini calendar*/
td.twMiniCalMonthPager {width: 50px !important;}

/*Fix issue with fram height */
div[id=trumba\.spud\.2], iframe[id=trumba\.spud\.2\.iframe] { min-height: 1416px ; }

.calendar-categories div[id=trumba\.spud\.1], .calendar-categories iframe[id=trumba\.spud\.1\.iframe] { min-height: 490px ; }
.mini-calendar div[id=trumba\.spud\.1], .mini-calendar iframe[id=trumba\.spud\.1\.iframe] { min-height: 125px ; }

/*Event Details Page*/
.twEventDetailWrap{ 
	border: 1px solid #ddd; 
    font-size: 16px !important;
    font-size: 1.0rem !important;
	padding: 20px;
	font-family: 'AvenirNextLTW01-Medium' !important;
}
table.twEventDetailTable td.twEventDetailData{
	font-family: 'AvenirNextLTW01-Regular' !important;
	font-size: 16px !important;
    font-size: 1.0rem !important;
}
.twEDDescription{ border-bottom: none !important; }
.twEventDetailWrap .twEDDescription {     
	font-family: 'AvenirNextLTW01-Medium' !important;
    color: #004785 !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    font-size: 1.4rem !important;
	padding: 0 !important;
}
.twEventDetailLabel, .twEventDetailLabel, .twEventDetailLabel, .twEventDetailLabel{ display: none;}
.twEventDetailTable>tbody>tr:nth-child(1), .twEventDetailTable>tbody>tr:nth-child(2) { display: none;}

.eventDetailBuilding:before{ /*.twEventDetailTable>tbody>tr:nth-child(2)>td.twEventDetailData:before{*/
	font-family: "fontello" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	color: #333;
	content: "\0023";
	box-sizing: border-box;
	margin-right: 10px;
}
.twEventDetailTable>tbody>tr:nth-child(4)>td.twEventDetailData{
	border-top: 1px solid #dddddd;
}
.twEDContentImageTop{
	float:left; 
	margin-top: 0px !important; 
	width: 325px !important;
    height: 220px !important;
}
.eventDetailTopSection{
	float:left;
	margin-top: 8px;
	padding-left: 20px;
}
.eventDetailTopSection div {
    margin-bottom: 15px;
}
.eventDetailWhen{
	font-family: 'AvenirNextLTW01-Regular' !important;
    font-weight: bold;
	
}


.eventDetailImageSection {	
    position: relative;
	margin-top: 15px;
}

.eventDetailImageDate {
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 5px;
   background-color: #5b8200;
   color: #fff;
   text-align: center;
   width: 60px;	
}
.eventDetailImageDate:hover {

}
.eventDetailImageDateMonth{
	font-size: 20px;
    font-size: 1.3rem;
	margin-bottom: -5px;
}
.eventDetailImageDateDay{
	font-size: 26px;
    font-size: 1.6rem;
    font-weight: bold;
}
.twEventDetailWrapTable{ display: none;}
.eventDetailRegister a{
	    background-color: #004785;
	
	    color: #ffffff;
	
	    font-size: 16px;
    font-size: 1rem;
    padding: 20px 25px 20px 25px;
	
	font-family: 'Avenir Next LT W01 Demi';
    font-size: 18px;
    font-size: 1.125rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 40px;
    text-transform: uppercase;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    max-width: 272px;
    text-decoration: none !important;
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px;
	
	transition: 0.3s;

}


/*#divTimeFace iframe[id=trumba\.spud\.4\.iframe] { min-height: 600px ; }*/