@font-face {
	font-family: "Tee Franklin Forever";
	src: url("fonts/teefranklinforever-light-webfont.woff2") format("woff2"), 
	url("fonts/teefranklinforever-light-webfont.woff") format("woff");
	font-style: normal;
	font-weight: 300;
  }
  @font-face {
	font-family: "Tee Franklin Forever";
	src: url("fonts/teefranklinforever-book-webfont.woff2") format("woff2"), 
	url("fonts/teefranklinforever-book-webfont.woff") format("woff");
	font-style: normal;
	font-weight: normal;
  }
  @font-face {
	font-family: "Tee Franklin Forever";
	src: url("fonts/teefranklinforever-medium-webfont.woff2") format("woff2"), 
	url("fonts/teefranklinforever-medium-webfont.woff") format("woff");
	font-style: normal;
	font-weight: 600;
  }
  @font-face {
	font-family: "Tee Franklin Forever Round";
	src: url("fonts/teefranklinforever-roundedbook-webfont.woff2") format("woff2"), 
	url("fonts/teefranklinforever-roundedbook-webfont.woff") format("woff");
	font-style: normal;
	font-weight: normal;
  }

body
{
    font-family: "Tee Franklin Forever",Helvetica,Arial,sans-serif ;
	font-size: 16px;
	color: #2D2D23;
    font-weight: normal;
}
.wrapper {
	padding: 0;
    width: 100%;
    max-width: 1224px;
    margin:0px auto;
}

.tabItem {
    color: #333333;
    text-decoration: none;
    color: #009EE8;
    font-style: normal;
    text-decoration: none;
    border-top: 2px solid #009EE8;
    border-right: 2px solid #009EE8;
    border-bottom: 2px solid #2D2D23;
    border-left: 2px solid #009EE8;
    background: #FFFFFF;
    transition: .5s ease-in-out;
    font-weight: normal !important;
    text-transform: none !important;
    padding: 9px 20px;
    border-radius: 0.5em 0.5em 0.0em 0.0em;
    font-size: 16px;
    outline: none;
    height: 36px;
    line-height: 36px;
}
.tabs li{
	margin: 0 5px -2px !important;
}
ul.tabs {
    border-bottom: 2px solid;
}
.expand-collapse>.exco-text {
    display: inline-block;
    text-align: center;
    color: #333;
    font-size: 1.5em;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e4e4e4;
}
.headline-left .full-descriptions {
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tab-active {
    background: #FFFFFF;
    color: #2D2D23;
    border-top: 2px solid #2D2D23;
    border-right: 2px solid #2D2D23;
    border-bottom: 2px solid #2D2D23;
    border-left: 2px solid #2D2D23;
}

a.tabItem:hover {
	background: #FFFFFF;
    color: #2D2D23;
    border-top: 2px solid #2D2D23;
    border-right: 2px solid #2D2D23;
    border-bottom: 2px solid #2D2D23;
    border-left: 2px solid #2D2D23;
}

.btn-subscribe, .btn-submit, btn-cancel, .btn-default
{
  color: #FFFFFF;
	
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	border: 0em solid #306084;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    background: #306084;
    transition: background 0.5s, color 0.5s, border 0.5s;
	font-family: "Tee Franklin Forever", arial !important;
	padding: 9px 22px !important;
	outline: none!important;
}
    .btn-subscribe:active, .btn-submit:active, btn-cancel:active, .btn-default:active, .btn-subscribe:active, .btn-subscribe:focus
    {
        background: #295271;
    color: #FFFFFF;
    border-color: #295271;
    }
.btn-subscribe:hover, .btn-submit:hover, btn-cancel:hover, .btn-default:hover
{
    
	
	font-weight: bold;
	font-size: 16px;

  background: #295271;
  color: #FFFFFF;
  border-color: #295271;

	font-family: "Tee Franklin Forever", arial !important;
	padding: 9px 22px !important;
	
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
  background-color:#009ee8;
  border-color:#009ee8;
}
.eupagination>.active>a, .eupagination>.active>span, .eupagination>.active>a:hover, .eupagination>.active>span:hover, .eupagination>.active>a:focus, .eupagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color:#009ee8;
  border-color:#009ee8;
}
.next-event {
	font-size: 16px;
}
a.hyperlink, .disclaimer-box a, .cookies-box a {
    text-decoration: none !important;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
    text-decoration: underline !important;
}

div#PastEventsContainer .filter-type ul li {
    float: left;
     padding:0px; 
    margin-left: 6px;
}

div#PastEventsContainer .filter-type a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    padding: 10px 35px;
    align-items: center;
    color: #009ee8;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    transition-property: color,background;
    font-size: 12px;
    border-radius: 5px;
    border: 2px solid #009ee8;
}

div#PastEventsContainer .filter-type a:hover {

    color: #ffffff;
   background: #009ee8;
    border: 2px solid #009ee8;
}

div#PastEventsContainer .filter-type a:active,
div#PastEventsContainer .filter-type a:focus {
    color: #ffffff;
    background: #009ee8;
     border: 2px solid #009ee8;
}


.headline-left .date-time{
	font-family: "Tee Franklin Forever",Helvetica,Arial,sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
}

.event-name {
    font-size: 22px;
    font-weight: 600;
}

.check-subscription-link {
    text-align: center;
    padding-bottom: 8px;
    color: #ec008c;
    font-weight:normal;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.check-subscription-link:hover {
    text-align: center;
    padding-bottom: 8px;
    color: #ec008c;
	font-weight:normal;
	text-decoration: underline;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.calendar-time-line .current-month .time-line-item {
	background-color: #009ee8;
	color: #ffffff;
	font-weight: 600;
}

.form input, .form select {
    font-family: "Tee Franklin Forever";
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 320px;
    padding: 1px 1px 1px 8px;
    border: 1px solid #e6e8e9;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: border-color .3s ease-in-out;
    outline: none!important;
}
.form input:active,
.form select:focus,
.form input:focus,
.form select:active{
    border-color: #2d2d23;
}
.modal-content .event-name {
    font-size: 16px;
    font-weight: normal;
}
.checkbox-wrapper {
    outline: none;
}

span.radio, span.checkbox, span.event-name, span.color-box {
    vertical-align: middle;
    margin-top: -6px;
}

.content-headline {
    margin-left: 21px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #a5a9ab;
    padding-bottom: 5px;
}
.first-row {
    padding-top: 22px;
}

.events-scroller {
    padding-top: 11px;
}

.color-dot-box {
    font-size: 36px;

}