@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(/cms/includes/fonts/font-list.css);

/*  events module */

.eventFilter {padding:1em;}
.cancelled { margin-left:.5em; color:#ca0000; }
.monthTitle {margin-bottom:.7em;display:none;}

/* Event Filter Classes */

.filterLabel, .filters label { display:inline-block; margin-right:.5em; font-weight:bold; }
.filterLabel label { margin-right:0; }
.verticalLabel label,
.verticalLabel .filterLabel { margin-bottom:.5em; }
@media screen and (max-width:48em){
	.eventsCalendarsMonthSummaryWrpr {display:none;}
}

@media screen and (min-width:48em){
	.filterOptions { float:left; width:61%; } 
	.filterTools { float:right; width:30%; }

	.grid_9 .filterOptions { float:left; width:50%; } 
	.grid_9 .filterTools { float:right; width:41%; padding-top:7px;}

}
.extraFilter  {margin-bottom:10px;}
.extraFilter input, .extraFilter select, .extraFilter textfield,
.filterOptions input, .filterOptions select, .filterOptions textfield { 
	border:1px solid #c4c4c4;
	padding:.2em;}
	
.extraFilter input, .extraFilter textfield, .extraFilter .dropdown,
.filterOptions input, .filterOptions textfield, .filterOptions .dropdown { display:inline-block; }

.extraFilter input:hover, .extraFilter input:focus,
.extraFilter select:hover, .extraFilter select:focus, 
.extraFilter textfield:hover, .extraFilter textfield:focus,
.filterOptions input:hover, .filterOptions input:focus,
.filterOptions select:hover, .filterOptions select:focus, 
.filterOptions textfield:hover, .filterOptions textfield:focus { 
	border:1px solid #a0d2f7;
	background:#fff;
}

.filterOptions input.btn { border:1px solid #d59f0e; background:#d59f0e; }
.filterOptions input.btn:hover, .filterOptions input.btn:focus { opacity:.8; }

.filterOptions select, .filterOptions input { padding:3px 2px 2px; }



.eventFilter .btn { margin:.2em .1em; min-width:85px; padding:.5em .3em;}
.eventFilter .btn.selected {opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);cursor: default; }

.btn.next, .btn.prev { margin:0; padding:.1em; min-width:0; font-family:arial; font-size:2em; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.btn.next, .btn.prev { background:transparent; color:#000; }
.btn.next span,
.btn.prev span { display:inline-block; text-indent:-9999em; }
.btn.next:after { content:"\25b8"; vertical-align:middle; }
.btn.prev:after { content:"\25c2"; vertical-align:middle; }


.monthYearDropdowns, .monthYearDropdowns span,
.eventFilter .slist { display:inline-block; }
.eventFilter .extraFilter { margin-top:.4em; }
.eventFilter .extraFilter:first-child { margin-top:0; min-height:32px; }

.eventFilter .displayMode { display:none; }
.eventFilter .displayMode .filterLabel, .eventFilter .filterOptions .filterLabel { width:48px; }


.eventFilter .extraFilter.categoryFilter { margin-top:.4em; }
.viewType .filterLabel, .displayMode .filterLabel { padding-right:.5em; }
.viewType .filterLabel, .viewType .filterFields, .displayMode .filterLabel, .displayMode .filterFields {display:table-cell;}
.filterFields  .btn + .btn {
    /* margin: 0em 3px 8px 0em;*/
	margin: 4px 3px 8px 2px;
}
.btn a {color:#fff;}

.extraFilter  .filterLabel {width:85px;}
.filterBy  .filterLabel {width:65px;padding-left:28px;}


@media screen and (min-width:48em){
	.viewType, .displayMode { display:table;margin-bottom:10px;}
	.viewType .filterLabel, .viewType .filter,
	.displayMode .filterLabel, .displayMode .filter { display:table-cell; }
	.eventFilter .displayMode { display:block; }
}

@media screen and (max-width:48em){
	.filterBy .filterLabel {padding-left: 0px;}
	.filterOptions {display: inline-block;}
	.filterFields .btn + .btn {margin: 0.2em 0.1em;}	
	.eventFilter .displayMode .filterLabel, .eventFilter .filterOptions .filterLabel { width:68px; }
}

@media screen and (max-width:39em){
	.filterOptions, .filterTools {margin-left:0px;}
	.filterTools {display: inline-block;text-align: center;margin-top:15px;}
}	




.dateInfo { 
	display:inline-block; 
	vertical-align:middle;
	border:none;
	padding:.25em .2em;
	font-size:.9em;
	line-height:1.6;
	font-weight:bold;
	color:#333;
}

/* calendar summary */

.calendarDate {text-align:center;}
.cal-sm { background-color:#fff; border-collapse:collapse; width:100%; margin-bottom:15px;}
.cal-sm td {color:#4e5052; padding:4px 2px; border:1px solid #e6e6e6; }
.cal-sm th { 
	border:1px solid #e6e6e6;
	padding:.4em; 
	text-align:center; 
	font-weight:normal; 
	text-transform:uppercase; 
	background-color:#f6f6f6; }
	
.cal-sm th.month_hdg {background-color:#22457b;}
.today, .today td {color:#333 !important; text-align:center; background-color:#e4e9f0; }
.currday, .currday td {background-color:#b1bfd8; text-align:center;}

.cal-sm th a, .cal-sm th a:visited {text-decoration:none;}

.cal-sm th.day { text-transform:none; }
.cal-sm td.day { font-weight:bold; }
.cal-sm td.event { background-color: #f6f6f6; text-align:center;}
.cal-sm td a { font-weight:bold; color:#333; }
.cal-sm td a:hover, .cal-sm td a:focus {}

/* calendar list */

.cal-list {border-collapse:collapse; width:100%;}
.cal-list tr {vertical-align:top;}
.cal-list td {border:1px solid #E6E6E6; padding:1em; }
.cal-list td ul {list-style-type: none; margin:0; padding:0;}
/* .cal-list td a:before {content: '\a0\203a'; font-size:1.2em; width:15px; display:inline-block; } */


.cal-list .item { margin:0 0 1em 0; }
.cal-list .item .item { display:block; margin-top:0; border: 0; }
.cal-list .content ul { margin:0; padding-left:10px; list-style:disc; }
.cal-list .item .item > a { font-size:1.2em; }

.cal-list .aside { float:none; padding:.5em 3%; width:auto; text-align:center; font-size:1.1em; }
.cal-list .content { padding:.5em 10% 1em; }
.cal-list .item .item > a { font-size:1em; }

@media screen and (min-width:48em){
	.cal-list .aside { width:30%; text-align:left; }
	.cal-list .aside, .cal-list .content { padding:1.5em 3%; }
}

.cal-list .alt, .cal-list .alternate, .cal-list .row { background:transparent; }

/* calendar month */

.calendar_month {width:100%;}

.calendar { width:100%; background-color:#fff; border-collapse:collapse; table-layout:fixed; }
.calendar tr {vertical-align:top;}
.calendar th {text-align:center; padding:.8em 6px; }
.calendar td.day {font-size:12px; font-weight:bold; border:1px solid #e6e6e6;}
.calendar th.cal-week {background:#5b8ec6 url(/cms/images/cal-week.png) no-repeat center; vertical-align:middle;}

.calendarMonth th:first-child { display:none; }

.calendar_numeral {color:#999; font-size:14px; font-weight:bold;}

.calendar_day_empty {border:1px solid #e6e6e6; }
.calendar_day_empty, .calendar_day_event {width:14%; height:50px;}
.calendar_day_event {border:1px solid #e6e6e6; background-color: #f6f6f6;}
.calendar_day_event img {margin-top:5px;}

.cal-sm a.grey, table.cal-sm a.grey:visited {font-weight:bold; color:#7aafdf; text-decoration:none;}
.cal-sm a.grey:hover {color: #c00; text-decoration:none;}
.cal-sm a.grey:active {color: #7aafdf; text-decoration: none;}

.thumbitemtbl {width:100%; margin-bottom:10px;}
.thumbitemtbl td {vertical-align:top; padding:10px 15px; }

/* event classes */

.eventsCalendarItemsMargin { margin-bottom:1em; padding:1.5em; }
.eventsCalendarItem {margin-bottom:10px;}
.eventsCalendarItem span{display:block;}
.eventsCalendarItem a{display:block;}
.eventTime {color:#587d58; margin-right:10px;}

@media screen and (min-width:48em){
	.eventsCalendarItem {margin-bottom:25px;}
	.eventsCalendarsMonthSummaryWrpr { float:right; width:30%; }
	.eventsCalendarListSummaryWrpr { float:left; width:68%; }
}


/* event tooltip classes */

.eventToolTipWrpr {display:none; width:340px; z-index:99; color:#333;}
.eventToolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px; }
.eventToolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.eventToolTipWrpr h5 { margin:0; margin-bottom:6px; padding:.5em; font-size:1.3em; color:#fff; background:#171717; }
.eventToolTipDate {font-size:.75em; font-weight:bold;}
.eventToolTipName {font-size:.9em; font-weight:bold;margin-bottom:14px;}
.eventToolTipDates,
.eventToolTipImage,
.eventToolTipDuration,
.eventToolTipLocation,
.eventToolTipDescription { margin:1em 5px; }

.eventList .item  {margin:0 0 10px 0;}
.eventList .aside {text-align:center; vertical-align:middle; background:#D59F0E; padding:3px 10px;}
.eventList .aside a {
	
	
	color:#fff; 
	font-sizE:1.5em; 
	font-family:'Open Sans Condensed',sans-serif; 
	font-weight:bold;}

.dateMonth {display:block; }
.dateDay   {display:block; }
.eventList .content { vertical-align:middle; padding-lefT:10px;}

.eventsCalendarListHead {
	font:1.57em Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
	margin:0;
	padding:0.5em 1em;
	background: #f6f6f6;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.eventsDayWrpr {margin:0 0 1em;}

.calUl, .mainContent .calUl {list-style-type: none; margin:0; padding:0;}
.calUl li {margin-bottom:5px;}
.calUl li:before {content: '\a0\203a'; font-size:1.2em; width:15px; floaT:left;}
.calUl a {margin:0 0 0 15px; display:block;}








/*	CUSTOM EVENTS TEMPLATE */
.customEvent-top {background:#fff; max-height:437px; overflow:hidden; width:100%; position:relative; display:block;}
.customEvent-top img {width:100% !important; height:auto !important;}
.customEvent-top .inner {position:absolute; left:60px; bottom:10%; color:#fff; width: 306px;}
.customEvent-top .inner.alltext {width:90%; bottom:18%;}
.customEvent-top .inner.alltext h2.title {margin-top:15px;}
.customEvent-top h1.heading {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase; font-size:3.125em; line-height:1; border:none; margin:0; padding:0;
font-family: 'ProximaNova-Regular';
}
.customEvent-top h2.title {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase; font-size:2.5em; line-height:1;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;  font-size:2.15em;
}
.customEvent-top h4.date {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-style: normal; font-weight: normal; font-size: 1.42em; margin: 0 0 20px 0;
font-family: 'ProximaNova-Regular'; text-transform:uppercase;
}
.customEvent-top .regBtn a {color:#fff; background:none; border:1px solid #b5bdc1; padding:7px 44px; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; font-size:1.52em;}
.customEvent-content {background:#1f7181 url(/cms/images/events/bg-custom-event-body.png) no-repeat;
color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-size:1.5em; padding: 0;
}
.customEvent-content .block {padding: 25px 0;}
.customEvent-content .vidFrameWrpr {max-width:667px; width:auto; height:auto; position:relative; margin:0 auto; padding:0 35px;}
.customEvent-content .vidFrame {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.customEvent-content .vidFrame  iframe, .customEvent-content .vidFrame  object, .customEvent-content .vidFrame  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.customEvent-tabs {color:#1f7181; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif;}
.customEvent-tabs .infotabs {width:100%; min-height:70px; 
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
.customEvent-tabs .infotabs .item {width:32%; vertical-align:top; display:inline-block; text-align:center; margin:20px 0;}
.customEvent-tabs .infotabs .item a {color:#1f7181; text-transform:uppercase; font-size:1.89em; font-weight:bold; line-height: 0.68em; background:url(/cms/images/events/arrow-sm-rt.png) no-repeat 100% 50%; padding:0 30px; display:inline-block; outline:none;}
.customEvent-tabs .infotabs .item a:hover, .customEvent-tabs .infotabs .item a.on {text-decoration:none; color:#762439; background:url(/cms/images/events/arrow-sm-dn.png) no-repeat 100% 50%;}
.customEvent-tabs .infotabs .item a span { text-transform:uppercase; font-size:1.09rem; font-weight:bold; }

.customEvent-tabs .tabDetail {background:#568b9a url(/cms/images/events/bg-custom-event-tabDetail.png) repeat-y; color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; display:block; position:relative; margin:0; padding:50px 60px;}

.customEvent-tabs .tabDetail .inner {border:1px solid #fff; padding:50px 46px; font-weight: normal; font-size: 1.22em;}
	.customEvent-tabs .tabDetail  .arrLeft {width:21px; height:34px; left:15px; top:170px; position:absolute; cursor:pointer; 
		overflow:hidden; text-indent:-999em;
		background:url(/cms/images/events/arrow-l.png) no-repeat 0 0;
		display:none;
	}
	.customEvent-tabs .tabDetail  .arrLeft:hover {background-position:0 -34px;}
	.customEvent-tabs .tabDetail  .arrRight {width:21px; height:34px; right:15px; top:170px; position:absolute; cursor:pointer; 
		overflow:hidden; text-indent:-999em;
		background:url(/cms/images/events/arrow-r.png) no-repeat 0 0;
	}
	.customEvent-tabs .tabDetail  .arrRight:hover {background-position:0 -34px;}

.customEvent-tabs .tabDetail h3  {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase; font-size:2.10em; line-height:1; margin-top:0px;}
.customEvent-tabs .tabDetail .more {color:#fff; text-transform:uppercase; text-align:right;}
.customEvent-tabs .tabDetail .more a {color:#fff; font-weight:bold;}

.customEvent-tabs .tabDetail .close {cursor:pointer; text-align:right; position: absolute; width: 30px; height: 30px; right: 15px; top: 0px; font-size:2.2em; font-weight:normal; color:#98b6c0; font-family: arial,sans-serif;
text-indent:-999em; background: url(/cms/images/events/closeX.png) no-repeat 50% 50%; display:block; text-align:left; top: 15px;
}
.customEvent-tabs .tabDetail .inner .col1,
.customEvent-tabs .tabDetail .inner .col2 { display:inline-block; width:30%; margin-right: 25px; margin-bottom:20px; vertical-align:top;}
.customEvent-tabs .tabDetail .inner .col3 { display:inline-block; width:30%; margin-right: 0px; margin-bottom:20px; vertical-align:top;}
.customEvent-tabs .tabDetail .inner .col1 { margin-left: 0px;}
.customEvent-tabs .tabDetail .inner .col1 b,
.customEvent-tabs .tabDetail .inner .col2 b,
.customEvent-tabs .tabDetail .inner .col3 b {display:block; text-transform:uppercase;}

.customEvent-tabs .tabDetail .inner .btnsCenter {text-align:center; margin-top:25px;}
.customEvent-tabs .tabDetail .inner .btn  {color:#762439; text-transform:uppercase; background:#fff;
  border: 0px solid #137c81;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.customEvent-tabs .tabDetail .inner .btn:hover {background:#ccc; text-decoration:none;}
.customEvent-tabs .tabDetail .inner .btn a {color:#762439; text-decoration:none;
  font-family: 'ProximaNova-Bold';
  font-size:0.89em;
}
.customEvent-tabs .tabDetail .inner .btn:after {display:none;}
.inner .btn a {color:#762439; }

/* show in admin */
.customEvent-tabs .moduleContent .tabDetail {display:block !important;}



/* START Custom Event Tabs #2 */
.customEventWrpr .customEvent-top .inner {width:600px; left: 85px; bottom: 27%;}
.customEventWrpr .customEvent-top h1.heading {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase; font-size:3.125em; line-height:1; border:none; margin:0; padding:0;}
.customEventWrpr .customEvent-top h2.title {font-size:2em;}
.customEventWrpr .customEvent-tabs .infotabs {width:100%; min-height:63px; padding:0; position: relative;}
.customEventWrpr .customEvent-tabs .infotabs .item {vertical-align:middle; padding:0; width:33%; position: relative;}
.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item { width:49%;}
REM.customEventWrpr .customEvent-tabs .infotabs .item a {background-image:none; font-size:1.65em; line-height: 1; position:relative; width:90%; text-decoration:none; outline:none; padding: 0 5%;}
.customEventWrpr .customEvent-tabs .infotabs .item a {line-height:1; font-size:1.59em;}
.customEventWrpr .customEvent-tabs .infotabs .item a:hover, 
.customEventWrpr .customEvent-tabs .infotabs .item a.on {background:url(/cms/images/events/arrow-sm-dn.png) no-repeat 100% 50%;}
REM.customEventWrpr .customEvent-tabs .infotabs .item.on:after{
	content:'';
	position:absolute;
	z-index:999; margin:0;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff; 
	margin: 63px 0 0 0;
	left:44%;
}
.customEventWrpr .customEvent-tabs .tabDetail .inner .more {text-align:left;}
.customEventWrpr .customEvent-tabs .tabDetail .inner .more a {color:#792238; background:#fff; padding:10px 12px;}

.customEventWrpr .customEvent-tabs .tabDetail {background-repeat:no-repeat;}
.customEventWrpr .customEvent-tabs .tabDetail .resources {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase; 
background: #2f8699 url("/cms/images/events/bg-custom-event2-body.jpg") no-repeat 0% 0%;
width:104.5%;
margin:20px -6.25% 0;
padding:5px 4% 55px;
clear:both;
float:left;
}
.customEventWrpr .customEvent-tabs .tabDetail .resources h3 {color:#fff; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-weight:bold; text-transform:uppercase;}
.customEventWrpr .footer, 
.customEventWrpr .customEvent-tabs ul.locations.bottom {clear:both;}
.siteWrap {overflow:hidden;}

.customEventWrpr .customEvent-top .bannerWidget {height:auto !important; max-height:526px;}
.customEventWrpr .customEvent-top .bannerWidget .nav {	width:100%; position:absolute; padding:0px; bottom:44px; z-index:999; text-align:center; font-size:33px; color:#fff; height:14px;}
.customEventWrpr .customEvent-top .bannerWidget .nav span {margin:0 4px; width:14px; height:14px; overflow:hidden; background:url(/cms/images/events/slide-dots.png) no-repeat 0 0; display:inline-block; cursor:pointer;}
.customEventWrpr .customEvent-top .bannerWidget .nav span.cycle-pager-active {background-position:0 -14px;}
.customEventWrpr .customEvent-top .bannerWidget .navArrows {position:absolute; z-index:999; top:41%; width:100%; height:33px; font-size:44px; font-weight:bold; color:#fff;}
.customEventWrpr .customEvent-top .bannerWidget .navArrows .arrLeft {width:21px; height:34px; left:15px; position:absolute; cursor:pointer; 
overflow:hidden; text-indent:-999em;
background:url(/cms/images/events/arrow-l.png) no-repeat 0 0;
}
.customEventWrpr .customEvent-top .bannerWidget .navArrows .arrLeft:hover {background-position:0 -34px;}
.customEventWrpr .customEvent-top .bannerWidget .navArrows .arrRight {width:21px; height:34px; right:15px; position:absolute; cursor:pointer; 
overflow:hidden; text-indent:-999em;
background:url(/cms/images/events/arrow-r.png) no-repeat 0 0;
}
.customEventWrpr .customEvent-top .bannerWidget .navArrows .arrRight:hover {background-position:0 -34px;}


/*Admin indicators*/
.customEventWrpr .customEvent-tabs .rail {min-height:100px;}
.customEventWrpr .customEvent-tabs .rail:before {
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
	position:absolute; width:90px; height:30px; margin:35px 0 0 -70px;
	line-height:1; text-align:center; font-size:14px; color:#cc0000; font-weight:bold;
	content:'Tabs ↓'; color:black; width:50px; height:15px; margin-left:-45px;
}
.customEventWrpr .customEvent-tabs + .customEvent-tabs .rail:before {    
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
	position:absolute; width:90px; height:30px; margin:35px 0 0 -70px;
	line-height:1; text-align:center; font-size:14px; color:#cc0000; font-weight:bold;
}
.customEventWrpr .customEvent-tabs.tab1 .rail:before {content:'Tab 1 Content ↓'; color:#cc0000;}
.customEventWrpr .customEvent-tabs.tab2 .rail {border-color:darkblue !important;}
.customEventWrpr .customEvent-tabs.tab2 .rail:before {content:'Tab 2 Content ↓'; color:darkblue;}
.customEventWrpr .customEvent-tabs.tab3 .rail {border-color:purple !important;}
.customEventWrpr .customEvent-tabs.tab3 .rail:before {content:'Tab 3 Content ↓'; color:purple;}
.customEventWrpr .customEvent-tabs + .customEvent-tabs .rail {min-height:150px;}


.customEventWrpr .customEvent-tabs .tabDetail {padding:20px 60px 50px; padding-bottom:0px;}
.customEventWrpr .customEvent-tabs .tabDetail .inner {margin-top:25px;}
.customEventWrpr .customEvent-tabs .tabDetail .inner#t1-why {margin-bottom:45px;}
.customEventWrpr .customEvent-tabs .tabDetail .vidFrameWrpr {max-width:767px; width:auto; height:auto; position:relative; margin:0 auto; padding:10px 35px 0;}
.customEventWrpr .customEvent-tabs .tabDetail .vidFrame {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.customEventWrpr .customEvent-tabs .tabDetail .vidFrame  iframe, .customEvent-content .vidFrame  object, .customEvent-content .vidFrame  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.customEventWrpr .customEvent-tabs ul.locations {list-style-type:none; color:#18637f; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; font-size: 1.2em; margin:0; padding:0; text-align:center;}
.customEventWrpr .customEvent-tabs ul.locations li {display:inline-block; width:21%; margin:10px 4%; background:#fff; text-align:center; padding:1%;}
.customEventWrpr .customEvent-tabs ul.locations.twoTabs li {width:33%;}
.customEventWrpr .customEvent-tabs ul.locations h2 {margin:0 0 -5px 0; color:#18637f; font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif; text-transform:uppercase; font-weight:bold; font-size: 1.25em;}
.customEventWrpr .customEvent-tabs ul.locations a{color:#762439; text-transform:uppercase; font-weight:bold; line-height:1; display:block;}
.customEventWrpr .customEvent-tabs ul.locations .more {
position: absolute;
text-align: center;
margin: 18px 0 0 29px;
font-size: 0.89em;
}
.customEventWrpr .customEvent-tabs ul.locations .more a {color:#fff;}

	.customEventWrpr .infotabs2 {width:90%; padding:0px 4%; margin:0 auto; display:none;}
	.customEventWrpr .portlet .infotabs2 {display:block;}
	.customEventWrpr .infotabs2 .item { width:100%; margin: 0px 0px 8px; text-align: center;}
	.customEventWrpr .infotabs2 .item a {background:#548699 url(/cms/images/events/arrow-down.png) no-repeat 97% 50%; color:#fff; display:block; padding:18px; font-size:1.49rem; line-height: 1; text-decoration:none; text-transform: uppercase; font-weight: bold;}
	.customEventWrpr .infotabs2 .item a br {display:none;}
	.customEventWrpr .infotabs2 .item a span {display:inline-block; font-size:1.49rem;}
	.customEventWrpr .infotabs2 .item a.on {text-decoration:none; color:#18637f; background-color:#cecece;}
	
/* END Custom Event Tabs #2 */



/* responsive */
@media (max-width: 60em) {
	.customEvent-top  {background: #1F7181 url("/cms/images/events/bg-custom-event-body.png") no-repeat scroll 100% 100%; max-height:inherit;}
	.customEvent-top .inner {position:relative; left:inherit; bottom:inherit; width:90%; padding: 0 4% 15px;}
	
	.customEvent-top h4.date {}
	.customEvent-top .regBtn a  {color:#18637f; background:#fff; width:100%; padding:12px 0px; display:block; text-align:center;}
	
	.customEvent-tabs {background: #1F7181; }
	.customEvent-tabs .infotabs {width:90%; padding:14px 4%;}
	.customEvent-tabs .infotabs .item { width:100%; margin: 0px 0px 8px;}
	.customEvent-tabs .infotabs .item a {background:#548699; color:#fff; display:block; padding:18px; font-size:1.49rem; line-height: 1; text-decoration:none;}
	.customEvent-tabs .infotabs .item a br {display:none;}
	.customEvent-tabs .infotabs .item a span {display:inline-block; font-size:1.49rem;}
	.customEvent-tabs .infotabs .item a:hover, .customEvent-tabs .infotabs .item a.on {text-decoration:none; color:#18637f; background:#cecece;}
	
	.customEvent-tabs .tabDetail {padding: 40px 7%;}
	.customEvent-tabs .tabDetail .inner {border:0px solid #fff; padding:0px 28px; font-weight: normal; font-size: 1.22em;}
	.customEvent-tabs .tabDetail .block.on {margin-bottom:35px;}
	
	.customEvent-content { }
	
	.customEvent-tabs .tabDetail .inner .col1,
	.customEvent-tabs .tabDetail .inner .col2,
	.customEvent-tabs .tabDetail .inner .col3 {width:100%;}
	
	/* START Custom Event Tabs #2 */
	.customEventWrpr .customEvent-top h2.title {margin-top:5px;}
	.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item { width:100%; margin: 0px 0px 8px;}
	
	.customEventWrpr .customEvent-top .inner {width:auto; position: absolute; bottom:inherit; top:15%; left: 35px;}
	.customEventWrpr .customEvent-top .regBtn a {width:100%; padding:18px 0; background:none; color:#fff; border:none;}
	.customEventWrpr .customEvent-tabs .infotabs {width:100%;}
	
	.customEventWrpr .customEvent-tabs .tabDetail { padding: 20px 20px 50px; padding-bottom:0px;}
	.customEventWrpr .customEvent-tabs .infotabs {margin:0 auto; background:#fff}
	.customEventWrpr .customEvent-tabs .infotabs .item {margin:0 0 10px; height:auto; width:100%;}
	.customEventWrpr .customEvent-tabs .infotabs.threeTabs .item { width:100%; border-bottom:4px solid #568B9A; margin-bottom: 0px;}
	.customEventWrpr .customEvent-tabs .infotabs .item  a { padding:18px 0; color:#18637f; background:#fff; font-size:1.35em;
		width: 72%; display: inline-block; padding-right: 28px;
	}
	.customEventWrpr .customEvent-tabs .infotabs .item a.on {text-decoration:none; color:#762439; }
	.customEventWrpr .customEvent-tabs .infotabs .item.on:after {display:none;}	
	.customEventWrpr .customEvent-top .bannerWidget .navArrows {top:21%;}
	.customEventWrpr .customEvent-top .bannerWidget .nav {bottom:inherit; top:-17px;}	
	.customEventWrpr  .infotabs2 .item > a, .customEventWrpr .infotabs2 .item > a span {font-size:1.09rem;}
	.customEvent-tabs .tabDetail h3 {font-size:1.8em;}
	
	/*.customEventWrpr .customEvent-tabs ul.locations li  {width:90%; margin:10px auto; display:block;}*/
	.customEventWrpr .customEvent-tabs ul.locations li  {padding-bottom:10px;}
	.customEventWrpr .customEvent-tabs ul.locations.twoTabs li {width:38%; display:inline-block;}
	.customEventWrpr .customEvent-tabs ul.locations h2 {font-size:1.12em; line-height:1.52;}
	.customEventWrpr .customEvent-tabs ul.locations.bottom li  { margin-bottom:36px; width:90%;}
	.customEventWrpr .customEvent-tabs ul.locations.bottom li .more {margin-left:0px;}
	
	
	/*
		.customEventWrpr .customEvent-tabs .infotabs.twoTabs {width:100%; min-height:63px; padding:0; position: relative; background:#fff;}
		.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item {vertical-align:middle; padding:0; width:33%; position: relative;}
		.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item { width:49%;}
		.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item a {background-image:none; font-size:1.65em; line-height: 1; position:relative; width:90%; text-decoration:none; outline:none; padding: 0 5%;}
		.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item.on:after{
			display:block;
			content:'';
			position:absolute;
			z-index:999; margin:0;
			width: 0; 
			height: 0; 
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 20px solid #fff; 
			margin: 63px 0 0 0;
			left:44%;
		}
	*/
	.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item { width:49%;}
	
	.customEvent-top .inner.alltext {width:90%; }
	.customEvent-top .inner.alltext h1.heading {font-size:3.4em; position:absolute; top:-184px;}
	.customEvent-top .inner.alltext h2.title {font-size:1.89em;}
}


@media (max-width: 40em) {
	.customEventWrpr .customEvent-tabs ul.locations li  {width:90%; margin:10px auto; display:block;}
	.customEventWrpr .customEvent-tabs ul.locations.twoTabs li {width:90%; display:block;}
	.customEventWrpr .customEvent-top h1.heading {font-size:1.8em;}
	.customEventWrpr .customEvent-top h2.title {font-size:1.3em;}
	.customEventWrpr .customEvent-top .inner {font-size:0.69em;}
	.customEventWrpr .customEvent-tabs .tabDetail .inner .more a {display:block; text-align:center;}
	
	.customEvent-top .inner.alltext h1.heading {font-size:2.8em; top:-114px;}
}
@media (max-width: 30em) {
	.customEventWrpr .customEvent-tabs .infotabs.twoTabs .item { width:100%; border-bottom:4px solid #568B9A; margin-bottom: 0px;}
	.customEventWrpr .customEvent-tabs .infotabs.threeTabs .item { width:100%; border-bottom:4px solid #568B9A; margin-bottom: 0px;}
	.customEventWrpr .customEvent-top .inner {font-size:0.49em; padding-bottom:0px;}
	.customEvent-top .inner.alltext h1.heading {font-size:1.8em; top:-84px;}
	.customEvent-top .inner.alltext h2.title {font-size:1.29em;}
}

/* END Custom Event Tabs #2 */



/* CUSTOM EVENT TABS FONT REPLACE */
.customEvent-top h1.heading,
.customEventWrpr .customEvent-top h1.heading {font-family:'ProximaNova-Bold';}
.customEvent-top h4.date {font-family:'ProximaNova-Regular';}
.customEventWrpr .customEvent-tabs .infotabs .item a {font-family:'AvenirLTStd-Heavy'; font-size: 1.34em;}
.customEventWrpr .customEvent-tabs ul.locations li {font-family:'AvenirLTStd-Heavy'; font-size: 1.0em;}
.customEventWrpr .customEvent-tabs ul.locations h2  {font-family:'AvenirLTStd-Heavy'; font-size: 1.125em;}
.customEvent-tabs .tabDetail {font-family:'AvenirLTStd-Light';}
.customEvent-tabs .tabDetail h3 {font-family:'ProximaNova-Bold'; font-size: 1.89em;}
.customEvent-tabs .tabDetail .inner .btn {font-family:'AvenirLTStd-Heavy'; font-size: 1.0em;}
.customEventWrpr .customEvent-tabs .tabDetail .resources  {font-family:'AvenirLTStd-Light';}
.customEventWrpr .customEvent-tabs .tabDetail .resources h3  {font-family:'AvenirLTStd-Heavy'; }
.customEvent-content {font-family:'AvenirLTStd-Light';}
.customEvent-content strong  {font-family:'AvenirLTStd-Heavy'; }
.customEventWrpr .infotabs2 .item a {font-family:'ProximaNova-Bold';} 
.customEvent-top .regBtn a {font-family:'ProximaNova-Bold';} 

