

.glyphicon glyphicon-search {
  background: #000; color: #fff;
}

.input-group-addon {
  background: #000; color: #fff;
}

.input-group-addon .glyphicon {
  color: white;
}

.panel-default > .panel-heading-custom {
  background: #000; color: #fff;
}

.panel-default > .panel-heading-custom2 {
  background: #6f6f6e; color: #fff;
}

.panel-default > .panel-heading-custom3 {
  background-color: #fff;
  border-color: #fff;  
  background-image: none;
}

.panel-default > .panel-heading-custom4 {
  background: #767676; 
  color: #fff;
  margin-top:85px;
}

.event-eventtype {
  color: #FD4F00;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.eventpage .event-eventtype,
.coursepage .event-eventtype {
	font-size: 15px;
	letter-spacing: 1px;
}

.event-header {
  font-weight:bold;
  font-size: 18px;
}

.event-txt-sm {
  font-size:16px;
  font-weight: 600;
}

.event-list.description {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}

.event-list {
  display: block;
}

.col-md-6 > .glyphicon {
 text-align:left;
}

.showpointer {
  cursor: pointer;
}

.tapahtumahaku a {
  color: black;
}

.boldlink {
  font-weight: 600;
  font-size: 16px;
  margin-left: -10px;
  margin-right: 20px;
}

.tapahtumahaku div.maincontent {
    background-color: #ffffff;
    height: 100%;
    margin: 0 auto;
    max-width: 1006px;
    text-align: left;
    z-index: 10;
}

.col-eventimg { 
  margin-bottom: 20px;  
}

.col-eventimg img, 
.row img { 
  display:block;
  max-width: 100%;
  height: auto;
}

.eventpage .mainpic > img {
	width: 100%;
	height: auto;
}

.eventpic .col-eventimg img {
  display: block;
  max-width: 300px;
  height: 180px;
}

.imgcredit {
  font-style: italic;
  color: #6f6f6e;
  font-size:13px;
}

.freesymbol {
  float:right;
}

.selectedfilters {
  list-style:none;
  list-style-position:inside;
  padding-left:0;
}

.selectedfilter {
  display:inline;
  font-weight:600;
  font-size: 18px;
}

.panel-body-custom {
  background-color: #d9d9d9;
}

.action-btn {
  font-weight: 500;
  background-color:#FD4F00;
  color: white;
}

.custom-arrow {
  right:10px;
}

.custom-searchbox {
  background-color:#E6E6E7;
}

.custom-timebox {
  border:0px;
  padding:3px;
  background-color:#d9d9d9;
}

.eventinfobox {
  background-color: #000;
  color: white;
  font-weight:500;
  font-size: 16px;
  line-height: 22px;
}

.eventinfobox p {
  margin-top: 10px;
  width:100%;
}

.eventinfobox button {
  margin-top: 10px;
  width:auto;
}

.eventinfobox a {
  color: white;
}

.eventinfobox span {
  display:block;
  padding-bottom: 10px;
  font-weight: 500;
  line-height: 18px;
}

.eventinfobox button span {
  padding-bottom: 0;
}

.eventinfobox span.inlined {
  display:inline;
}


.eventinfobox .coursepage_address span {
 display:inline-block;
}

.eventpage-address, .eventpage-address span  {
  display:inline;
}

.event-txt-withpadding {
  padding: 10px 0 10px 0;
}

.ownrows span {
  display:block;
}

.coursepage_title {
  font-size: 40px;
  line-height: 44px;
  word-wrap: break-word;
}

.coursepage_subtitle {
  font-size: 25px;
}

div.borderless {
  border-color: #fff;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}

div.plainbody {
  padding: 0 15px 15px 15px;
}

div.plainbodysearch
  padding: 0;
}

.coursepage_ingressi {
  padding-top: 3px;
}

.course-header {
  font-size: 20px;
  font-weight: 700;
}

.coursepage_location {
  margin-top:10px;
}

.eventpage_title {
  font-size:40px;
  line-height: 45px;
  word-wrap: break-word;
}

.eventpage_subtitle {
  font-size:25px;
}

.filter-item {
  margin-bottom:10px;
}

.linkedeventstitle {
  font-size:20px;
  font-weight:bold;
}

.break-md {
  margin-top:15px;
}

div.somelinks {
	display: none;
}

.somelinks .some img {
  display:inline;
}

.somelinks span.some {
	font-family: WebSymbols-Regular;
	color: #ffffff;
}

.somelinks .instagram > img {
	height: 15px;
	display: inline;
}

.eventpage .banners, .nextevents {
 background-color: #e6e6e7;
 padding: 20px 20px 50px 20px;
}

.eventpage .banners {
 background-color: #e6e6e7;
 padding: 20px 0;
 width: 100vw;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
}

.eventpage .bannerswrapper,
.eventpage .nexteventswrapper {
	max-width: 976px;
	margin: 0 auto;
	padding: 0 20px;
}

.eventpage .nextevents {
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 20px 0;
}

.eventpage .banners img:first-child {
 padding-right:10px;
}

.eventpage .banners img:nth-child(2n+0) {
 padding-left:10px;
}

.nextevent-title, .nextevent-subtitle {
 font-weight: 700;
 color:black;
}

.nextevent-subtitle {
  font-size: 13px;
}

.nextevent-title {
 font-size: 15px;
}

.nextevent-eventtype {
 padding-top:5px;
}

.nexteventsbtn {
  margin: 15px 0px 5px 15px;
  font-size: 16px;
}
.nexteventsbtn > span {
  padding:10px;
}
.inlined {
	display: inline-block;
}
.wordbreak {
  word-wrap: break-word;
}
.sidebar span,
.sidebar a,
.mobilesidebar span,
.mobilesidebar a {
	font-size: 16px;
}
.sidebar a,
.mobilesidebar a {
	font-weight: 500;
}
.sidebar .panel-heading > span,
.mobilesidebar .panel-heading > span {
	font-weight: 600;
	word-wrap: break-word;
}
.sidebar .sideheader span,
.mobilesidebar .sideheader span{
	font-size: 16px;
	text-transform: uppercase;
}
.sidebar .dateselection {
	padding-top: 5px;
	padding-bottom: 5px;
}
.sidebar .dateselection a {
	font-size: 18px;
}
.tapahtumahaku .sidebar .timeselection {
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 0px;
}
.sidebar .timeselection span {
	padding-left: 15px;
	padding-right: 15px;
}
.sidebar input {
	font-size: 16px;
}
.sidebar input[type=text] {
	padding: 6px;
}
.sidebar .panel,
.mobilesidebar .panel {
	margin-bottom: 10px;
}
.backlink,
.sidebar .backlink {
	font-size: 18px;
	font-weight: 600;
}
.eventpage .plainbody {
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 0;
}
.eventpage .otherevents {
	font-size: 16px;
	line-height: 22px;
}
.eventpage .textbody > .panel {
	margin-bottom: 5px;
}
.eventpage .info {
	padding-left: 0;
}
.coursesearch .singleevent div:first-of-type {
	margin-left: 8px;
}
.coursesearch .singleevent .event-eventtype {
	font-size: 14px;
	text-transform: uppercase;
}
.coursesearch .singleevent .event-txt-sm {
	font-size: 16px;
	line-height: 20px;
}
.coursesearch .singleevent .description {
	font-size: 14px;
	line-height: 18px;
}
.coursesearch .searchhits,
.coursesearch .searchresults
.coursesearch .noresults{
	font-size: 18px;
	font-weight: 700;
}

.coursepage .coursepage_ingressi,
.coursepage .description {
	font-size: 16px;
	line-height: 22px;
}

#img-spinner {
  padding: 0 0 15px 35px;
  display:block;
}

#spinner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 999;
}

#spinner .spinnerwrapper {
  max-width: 990px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

#spinner .spinnerwrapper2 {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#spinner .spinnerwrapper3 {
  background-color: #fff;
  height: 120px;
  margin: 0 auto;
  padding: 25px 10px;
  position: relative;
  top: 300px;
  width: 130px;
}

.coursesearch-header {
   font-size: 16px;
   padding: 5px 0 10px;
}

.coursesearch-headerurl {
  color: #FD4F00;
}

.tapahtumahaku hr {
  border-top: 3px dotted #eee;
  margin-top: 10px;
}

.panel-default > .panel-heading {
	filter: none;
}

.coursepage .coursepage_ingressi {
	margin-top: 20px;
}

div#ui-datepicker-div {
	z-index: 10 !important;
}

.tapahtumahaku .singleevent > .inlined.text-left + .inlined.text-left {
	padding-left: 8px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


