<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.hero {
    background-image: url(/wp-content/themes/golfpiste/assets/img/bg/gp-tapahtumakalenteri-bg.jpg);
    background-position-y: 20%;
}
.hero h1 {
	margin-bottom: 0;
}

.porssi-search--mobile {
	display: none;
}

#mobile-search-results {
    position: absolute;
    visibility: hidden;
    margin-top: -50px;
}

.sidebar-search-wrapper &gt; div:last-child {
    height: 41px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    background-repeat: no-repeat;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    background-image: url(/wp-content/themes/golfpiste/assets/img/icon/listIcon.png);
    background-position: 10px 12px;
}

.sidebar-search-wrapper &gt; #datepicker {
	height: auto;
}

#datepicker &gt; div {
    width: 100%;
    box-sizing: border-box;
    background: #f3f3f3;
    border: 1px solid #fbfbfb;
    padding: 0 0 0!important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.ui-datepicker .ui-datepicker-title {
    font-size: 17px!important;
    font-family: 'barlowsemibold'!important;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
}

span.ui-datepicker-month {
    font-size: 17px;
}

span.ui-datepicker-year {
    font-size: 17px;
}

.ui-datepicker th span {
    font-family: 'barlowsemibold';
    text-transform: uppercase;
}

#datepicker .ui-state-default {
    text-align: center;
	font-family: 'barlowsemibold';
    font-size: 15px;
    padding: 4px 0 3px 0px;
}

#datepicker .ui-state-default:hover {
    border: 1px solid #f5a522;
    color: #d08200;
}

.ui-datepicker .ui-datepicker-header {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}


.ui-datepicker-next, .ui-datepicker-prev {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #fff!important;
    text-align: center;
    line-height: 1;
    padding-top: 7.5px;
    height: auto!important;
    text-shadow: 0 2px 4px rgb(0,0,0,0.2);
}

.ui-datepicker-prev:before {
    content: "\f104";
}

.ui-datepicker-next:before {
    content: "\f105";
}

.ui-widget-header .ui-icon {
	background: none;
	display: none!important;
}

.search-result-item__image { width: 150px; }
.search-result-item__content { width: calc(100% - 150px); }

.grid .search-result-item__content {
	height: 140px;
}

.search-result-item h3 {
	margin-bottom: 0;
}

.kilpailu .search-result-item__image, .kilpailu .search-result-item__content {
	border-color: #ef4f4f;
}

.tapahtuma .search-result-item__image, .tapahtuma .search-result-item__content {
	border-color: #006090;
}

.opetus .search-result-item__image {
	border-color: #f5a623;
}

.kilpailu .category-tag span::after {
	background-color: #ef4f4f;
}

.tapahtuma .category-tag span::after {
	background-color: #006090;
}

.kilpailu span.event-type {
	color: #ef4f4f;
}

.tapahtuma span.event-type {
	color: #006090;
}

.opetus span.event-type {
	color: #f5a623;
}

fieldset {
	margin-bottom: 5px;
	padding: 10px 5px 5px;
	border: 1px solid #aaa!important;
	background-color: white;
}

fieldset div {
    width: 50%;
    display: inline-block;
    font-size: 14px;
	letter-spacing: -0.2px;
	vertical-align: top;
}

fieldset input {
	vertical-align: text-bottom;
    margin: 0 2px 0px;
}

fieldset span {
	cursor: pointer;
    display: block;
    font-family: 'barlowsemibold';
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
}

fieldset span:hover {
	font-family: 'barlowbold';
}

@media screen and (max-width: 767px) {
	fieldset span {
		display: none;
	}
	.free-text-button--search {
		display: none !important;
	}
	.sidebar-search-wrapper {
		margin-bottom: 15px;
	}
    .hero {
        background-image: url(/wp-content/themes/golfpiste/assets/img/bg/gp-tapahtumakalenteri-mobile.jpg);
    }
	.hero p {
		margin-bottom: 32px;
	}
	.porssi-search--mobile {
		display: block;
	}
	#porssi-category-select--mobile {
		margin-bottom: 5px;
		position: relative;
	}
	#search-mobile h3 {
		font-family: 'barlowbold'!important;
		text-align: center;
	    color: white!important;
	    font-size: 22px!important;
	    background:	none;
		margin-bottom: 0;
		text-transform: uppercase;
		margin: 0 0 15px;;
	}
	#search-mobile-button {
	    display: block;
	    /*position: fixed;
		margin: 0 auto !important;
		left: 0;
	    right: 0;
	    bottom: 0;
	    width: 160px;
	    z-index: 4;
	    border-top: 1px solid #ffffff;
	    border-left: 1px solid #ffffff;
	    border-right: 1px solid #ffffff;
	    border-top-left-radius: 22px;
	    border-top-right-radius: 22px;*/
		margin-bottom: 15px;
		background: #f5a522;
		border: 1px solid #ffffff;
		border-radius: 8px;
	    color: white!important;
	    font-family: 'barlowbold'!important;
	    font-size: 18px!important;
	    text-align: center;
	    padding: 13px 0 12px;
	    text-transform: uppercase;
	    box-shadow: 0 -3px 9px rgba(0,0,0,0.2);
	    text-shadow: 0 1px 2px rgba(0,0,0,.3);
	    pointer-events: all;
	    transition: all 0.2s;
	}
	#search-mobile-button.hide {
		opacity: 0;
		pointer-events: none;
		bottom: -55px;
		transition: all 0.5s;
	}
	#search-mobile-button.search-button--small {
	    font-size: 12px !important;
	    width: 120px;
	    padding: 9px 0 6px;
	    transition: all 0.5s;
	    border-top-left-radius: 15px;
	    border-top-right-radius: 15px;
	    background: rgba(50,50,50,0.85);
	    box-shadow: 0 -3px 9px rgba(0,0,0,0.15);
	    text-shadow: none;
	    border-color: #ddd;
	    border-width: 0.5px;
	}
	.no-select {
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	#search-mobile {
	    position: fixed;
		left: 0;
		top: 0;
	    z-index: 10002;
	    visibility: hidden;
	    opacity: 0;
	    pointer-events: none;
		-webkit-transition: opacity 0.2s, visibility 0.2s;
		transition: opacity 0.2s, visibility 0.2s;
	}
	#search-mobile.show {
	    visibility: visible;
	    opacity: 1;
	    pointer-events: all;
		overflow-y: scroll;
		max-height: 100%;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	} 

	#search-mobile-bg {
	    position: fixed;
	    z-index: 10001;
	    background: rgba(25,25,25,.95);
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    pointer-events: all;
	    opacity: 1;
		-webkit-transition: opacity 0.6s, visibility 0.6s;
		transition: opacity 0.6s, visibility 0.6s;
		opacity: 1;
	}
	#search-mobile-bg.hide {
		-webkit-transition: opacity 0.2s, visibility 0.2s;
		transition: opacity 0.2s, visibility 0.2s;
		pointer-events: none;
		visibility: hidden;
		opacity: 0;
	}
	#search-mobile--submit {
		display: block;
		background-image: none;
		text-align: center;
		pointer-events: all;
	}
	@keyframes search-mobile-bg-hide {
	  0% {
	    pointer-events: none;
	  }
	  100% {
	  	opacity: 0;
	    display: none;
	  }
	}
	.mobile-no-scroll {
		overflow: hidden
	}
	.search-info .load-more-button {
	    display: inline-block;
	    margin-top: 9px;
	    margin-bottom: 10px;
	}
}

@media screen and (max-width: 500px) {
	.hero h1 + p {
		font-size: 15px;
	}
}

/*** haltuunotto ***/
@media screen and (min-width: 1362px) {
	body.takeover div#wrapper {
	    background: white!important;
	    padding: 20px!important;
	}
	body.takeover .hero {
	    background-image: none!important;
	}
	body.takeover .content-wrapper.has-hero.bg-white.has-sidebar {
	    background: none!important;
	}
}</pre></body></html>