html {
font-size: 85% !important;
}
div.row {
margin-left: 0;
margin-right: 0;
}
.container {
width: 100% !important;
max-width: 100rem !important;
}
.hp-page {
max-width: 100rem !important;
}
div.site-container div#content.site-content {
padding: 2rem 0;
background-image: url(https://golfkirppis.fi/wp-content/uploads/2025/05/isotausta.webp);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}
@media screen and (max-width: 782px) {
div.site-container div#content.site-content {
padding: 2rem 0;
background-size: 150% auto;
background-position: top center;
}
}
div.site-container div#content.site-content div.container {
}
@media screen and (max-width: 782px) {
div.site-container div#content.site-content div.container {
padding: 0 0.25rem;
}
}
div.site-container section.header-hero:not(.post--single){
display: none !important;
}
footer.site-footer div.container {
padding-left: 0;
padding-right: 0;
}
div.hp-widget--listing-filter {
background: white;
border-radius: 3px;
padding: 0.5rem;
font-size: 0.9rem;
} div.hp-widget--listing-filter div.hp-form__field--select label {
display: none !important;
} div.hp-custom-ad-banner {
flex-basis: 100%;
align-content: center;
text-align: center;
padding: 0;
margin: 1rem 0;
width: 100%;
}    div.g.g-9 {
text-align: center;
}
div.g.g-9 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.g.g-3 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.g.g-11 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.g.g-12 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
}   div.g.g-7 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
}
div.g.g-8 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 781px) {
div.g.g-7,
div.g.g-8 a img {
display: none;
}
div.sarake-mainos-group-7,
div.sarake-mainos-group-8 {
display: none;
}
} div.g.g-4 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.g.g-5 a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.footer-widgets div.adrotate_widgets a img {
width: 100%;
padding-left: 0;
padding-right: 0;
} div.hp-listings div.hp-grid__item.hp-col-sm-4.hp-col-xs-12 {
flex-basis: 50%;
}
@media only screen and (min-width: 75em) {
div.hp-listings div.hp-grid__item.hp-col-sm-4.hp-col-xs-12 {
flex-basis: 25%;
}
} div.hp-listing-categories.hp-grid.hp-block div.hp-row {
justify-content: center;
}
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item .hp-listing-category--view-block:hover {
transform: none;
}
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item {
flex-basis: 50% !important;
padding: 1rem;
margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item {
flex-basis: 25% !important;
}
}
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item article {
border: 0.25rem black solid;
display: flex;
align-items: center;
min-height: 4rem;
}
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item header.hp-listing-category__header {
display: none;
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content {
padding: 0.25rem;
word-break: break-word;
width: 100%;
bottom: unset;
top: 1rem;
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content h3 {
margin-bottom: 0;	
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content div.hp-listing-category__details {
display: none;
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content h3.hp-listing-category__name {
text-align: center;
}
div.hp-listings .hp-grid__item {
display: flex;
}
div.hp-listings div.hp-row {
justify-content: space-between;
gap: 0.5rem 0.5rem;
margin-left: 0;
margin-right: 0;
}
div.hp-listings div.hp-row .hp-col-xs-12 {
flex-basis: 30%;
flex-grow: 1;
padding: 0;
margin: 0;
max-width: 33.333%;
}
@media only screen and (min-width: 75em) {
div.hp-listings div.hp-row .hp-col-xs-12 {
flex-basis: 20%;
max-width: 25%;
}
}
div.hp-listings div.hp-row .hp-col-xs-12 div.hp-listing__content {
padding: 0.5rem;
}
div.hp-listings div.hp-row .hp-col-xs-12 div.hp-listing__content h4.hp-listing__title {
font-size: 0.9rem;
line-height: 0.9rem;
min-height: 1.8rem;
}
div.hp-listings div.hp-row .hp-col-xs-12 div.hp-listing__content div.hp-listing__attribute--sijainti {
font-size: 0.9rem;
}
div.hp-listings div.hp-row .hp-col-xs-12 div.hp-listing__content div.hp-listing__category a {
font-size: 0.6rem;
padding: 0.1rem 0.5rem;
}
div.hp-listings div.hp-row .hp-col-xs-12 footer.hp-listing__footer {
padding: 0.5rem 0.5rem;
}
div.hp-listings div.hp-row .hp-col-xs-12 footer.hp-listing__footer div.hp-listing__attribute {
font-size: 0.9rem;
}
div.hp-listings div.hp-row h4.hp-listing__title {
font-size: 1rem;
}
.hp-listing--view-block .hp-listing__footer {
flex-direction: column;
align-items: flex-start;
}
.hp-listing--view-block .hp-listing__footer .hp-listing__actions {
display: none;
} nav.navigation.pagination {
margin-top: 0.5rem;
}
nav.navigation.pagination div.nav-links {
padding: 0.5rem;
background: white;
border-radius: 0.5rem;
} div.site-container div#content.site-content div.container div.page__text p {
background: white;
padding: 0.5rem;
border-radius: 3px;
}
div.site-container div#content.site-content div.container h1.hp-page__title {
color: white;
}
div.site-container div.container form,
div.site-container div.container table {
background: white;
border-radius: 3px;
padding: 0.5rem;
}
div.site-container div#content.site-content div.container table td {
padding: 0.5rem;
} div.hp-page__topbar {
background: white;
padding: 1rem;
border-radius: 3px;
}
h1.hp-page__title::before {
display: none;
}   @media only screen and (max-width: 74.99em) {
div.header-navbar2 {
display: none;
}
}
header.site-header {
background: #0b5b33;
}
header.site-header div.header-navbar {
flex-direction: row;
flex-wrap: wrap;
padding: 0.25rem;
margin: 0 auto;
justify-content: space-around;
max-width: 100rem;
}
header.site-header div.header-navbar div.header-navbar__start {
margin: 0;
padding: 0;
width: 15vw;
}
@media screen and (max-width: 782px) {
header.site-header div.header-navbar div.header-navbar__start {
width: 100%;
max-width: 50vw;
}
}
header.site-header div.header-navbar div.header-navbar__end {
padding: 1.5rem 0.5rem 1.5rem 0.5rem;
justify-content: center;
color: white;
}
header.site-header div.header-navbar div.header-navbar__actions {
align-content: center;
margin-left: 0.5rem;
}
header.site-header div.header-navbar div.header-navbar__actions button {
font-size: 0.9rem;
font-weight: normal;
border: 0.25rem solid white;
border-radius: 0.5rem;
}
header.site-header div.header-navbar div.header-navbar__actions button .fa-plus {
display: none;
} div.header-navbar2 nav {
margin: 0 auto;
font-size: 0.95rem;
}
div.header-navbar2 nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
div.header-navbar2 nav ul li {
padding: 0.5rem 1rem;
}
div.header-navbar2 nav ul li a {
color: white;
}
div.header-navbar2 nav ul li a:hover {
color: white;
text-decoration: none;
}
header.site-header div.header-navbar div.header-navbar__end div.header-navbar__burger a {
color: white;
}
header.site-header div.header-navbar div.header-navbar__end div.header-navbar__burger ul {
background: #0b5b33;
}
header.site-header div.header-navbar div.header-navbar__end .header-navbar__burger > ul::before {
color: white;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul {
font-size: 0.95rem;
justify-content: center;
line-height: 1.9rem;
}
@media screen and (max-width: 782px) {
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul {
font-size: 0.85rem;
line-height: 1.7rem;
}
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li {
padding: 0 0.5rem;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li a:hover,
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.current-menu-item > a {
color: white;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li ul li a:hover {
color: black;
}
ul.menu li.menu-item--user-account a:hover,
ul.menu li.menu-item--user-account i.hp-icon,
ul.menu li.menu-item--user-account.menu-item-has-children::after,
ul.menu li.menu-item--user-account.active > a {
color: white;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li ul {
color: black;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu > ul > li.current-menu-item::before {
content: none;
} header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-750,
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-751,
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-752 {
display: none;
}
@media only screen and (max-width: 74.99em) {
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-750,
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-751,
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu ul li.menu-item-752 {
display: flex;
}
} div.footer-navbar {
padding: 1rem;
} header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu .menu-item--user-account.menu-item--first,
.menu-item--user-login.menu-item--first {
display: none !important;
}
header.site-header div.header-navbar div.header-navbar__end nav.header-navbar__menu .menu-item--user-account.menu-item--last,
.menu-item--user-login.menu-item--last {
display: flex !important;
}
header.site-header div.header-navbar div.header-navbar__end div.header-navbar__burger .menu-item--user-account.menu-item--first {
display: none !important;
}
header.site-header div.header-navbar div.header-navbar__end div.header-navbar__burger .menu-item--user-account.menu-item--last {
display: flex !important;
margin-top: 2rem;
}
header.site-header div.header-navbar div.header-navbar__start div.header-logo {
margin: 0;
}
@media screen and (max-width: 782px) {
header.site-header div.header-navbar div.header-navbar__start div.header-logo {
margin: 0 auto;
}
} .hp-menu--site-header a span, .hp-menu--site-header button span {
display: inline !important;
}
.hp-menu--site-header button i:first-child {
margin-right: .5rem !important;
} button.hp-button--listing-filter {
background: #0b5b33;
color: white;
padding: 0.25rem 1rem;
} .hp-widget--listing-filter,
.hp-widget--listing-filter .hp-modal {
display: block !important;
}
.hp-widget--listing-filter .hp-modal {
width: 100%;
}
.hp-widget--listing-filter+.hp-button--mobile {
display: none !important;
} article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content div.hp-listing-category__description {
display: none;
}
div.hp-listing-categories.hp-grid.hp-block div.hp-row div.hp-grid__item article {
background: #0b5b33;
border-radius: 1rem;
border: none;
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content {
position: relative;
bottom: unset;
top: unset;
}
article.hp-listing-category.hp-listing-category--view-block div.hp-listing-category__content h3 {
font-size: 1rem;
color: white;
}
.hp-listing-category--view-block .hp-listing-category__image a::after {
background-image: none !important;
}
article.hp-listing-category.hp-listing-category--view-block a img {
aspect-ratio: 1 / 1;
object-fit: cover;
} div.posts {
background: white;
padding: 0.5rem;
border-radius: 3px;
}
div.post--single {
background: white;
padding: 0.5rem;
border-radius: 3px;
} .hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute { text-align: left; }
.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute i.hp-icon { color: #339548; }
.hp-listing--view-page .ilmoitus-container {
background: white;
border-radius: 3px;
padding: 0.5rem;
}
.hp-listing--view-page div.hp-listing__attributes--secondary {
border: 1px solid rgba(7, 36, 86, 0.075);
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(7, 36, 86, 0.075);
background-color: #fff;
padding: 1rem 1.5rem;
} div.container div.page__text div.wp-block-group {
background: white;
border-radius: 3px;
margin: 1rem 0;
padding: 0.5rem;
} div.hp-vendors div.hp-row {
display: grid;
grid-template-columns: 1fr;
justify-items: stretch;
grid-gap: 0.5rem;
margin: 0;
padding-bottom: 2rem;
}
@media only screen and (min-width: 48em) {
div.hp-vendors div.hp-row {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
div.hp-vendors div.hp-row div.hp-grid__item {
max-width: unset;
margin: 0;
padding: 0;
}
div.hp-vendors div.hp-row div.hp-grid__item article.hp-vendor {
height: 100%;
position: relative;
}
div.hp-vendors div.hp-row div.hp-grid__item article.hp-vendor div.hp-vendor__content {
padding: 0rem 1rem 3rem 1rem;
}
div.hp-vendors div.hp-vendor__details.hp-vendor__details--primary {
display: none;
}
div.hp-vendors header.hp-vendor__header {
padding: 0.5rem;
}
div.hp-vendors header.hp-vendor__header .hp-vendor__image {
width: auto;
max-width: 10rem;
}
div.hp-vendors footer.hp-vendor__footer {
height: 2.5rem;
padding: 0 0.5rem;
position: absolute;
bottom: 0;
width: 100%;
}
div.hp-vendors footer.hp-vendor__footer .hp-vendor__attributes--primary div.hp-vendor__attribute--yritys {
font-size: 0.9rem;
line-height: 1.25rem;
}    div.wp-block-group.haku-ja-lajittelu {
background: white;
padding: 0.5rem;
border-radius: 3px;
margin: 0.5rem 0;
}
div.wp-block-group.haku-ja-lajittelu div.wp-block-group__inner-container {
display: flex;
align-items: center;
} div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-search {
margin: 0;
padding: 0;
flex-grow: 4;
}
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-search input,
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-search button {
font-size: 0.85rem;
line-height: 2.5rem;
padding: 0 1rem;
height: 2.5rem;
}
@media only screen and (max-width: 47.99em) {
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-search {
flex-direction: row;
}
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-search div.hp-form__fields {
margin-bottom: 0;
}
} div.haku-etusivu form.hp-form--listing-search {
margin: 0;
padding: 0;
flex-grow: 4;
}
div.haku-etusivu form.hp-form--listing-search input,
div.haku-etusivu form.hp-form--listing-search button {
font-size: 0.85rem;
line-height: 2.5rem;
padding: 0 1rem;
height: 3rem;
}
@media only screen and (max-width: 47.99em) {
div.haku-etusivu form.hp-form--listing-search {
flex-direction: row;
}
div.haku-etusivu form.hp-form--listing-search div.hp-form__fields {
margin-bottom: 0;
}
} div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-sort {
margin: 0 0 0 1rem;
background: none;
padding: 0;
font-size: 0.85rem;
display: flex;
justify-content: end;
flex-grow: 0;
}
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-sort label.hp-form__label {
display: none;
}
div.wp-block-group.haku-ja-lajittelu form.hp-form--listing-sort span.select2 {
width: 10rem;
max-width: 15rem;
}
div.hp-no-results {
background: white;
border-radius: 3px;
padding: 0.5rem;
} .hp-field input[type="checkbox"] + span::before,
.hp-field input[type="radio"] + span::before {
width: 16px !important;
height: 16px !important;
left: 0 !important;
top: 1px !important;
}
.hp-field input[type="checkbox"] + span::after,
.hp-field input[type="radio"] + span::after {
width: 8px !important;
height: 8px !important;
top: 5px !important;
left: 4px !important;
} .hp-menu__item--user-login .hp-icon {
color: inherit !important;
}