/**
 * Theme Name:     ListingHive lapsiteema
 * Author:         Tuomas Mämmelä
 * Template:       listinghive
 * Text Domain:	   listinghive-lapsiteema
 * Description:    Nojoo!
 */

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://xn--ltkkirppis-q5ac.fi/wp-content/uploads/2025/09/Blue.png");
	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;
}

/* Piilota filttereiden nimi labelit, jotta filtterit saadaan tiiviimmin */
div.hp-widget--listing-filter div.hp-form__field--select label {
  display: none !important;
}

/* Custom ad banner between listings */
div.hp-custom-ad-banner {
	flex-basis: 100%;
	align-content: center;
	text-align: center;
	padding: 0;
	margin: 1rem 0;
 	width: 100%;
}

/******************/
/* Mainos etusivu */
/******************/

/* Iso yläosa */
div.g.g-9 {
	text-align: center;
}
div.g.g-9 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/* Kategorianappuloiden alla */
div.g.g-3 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/* Suosituimpien välissä */
div.g.g-11 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/* Suosituimpien alla */
div.g.g-12 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}


/***********************************/
/* Mainos etusivu sivu 1 ja sivu 2 */
/***********************************/
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;
	}
}

/* Mainos kauppiaat */
div.g.g-4 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Mainos ilmoitukset */
div.g.g-5 a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Mainos sivun alaosa kaikkialla */
div.footer-widgets div.adrotate_widgets a img {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Listaus grid */
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%;
}

}

/* Listaust kategoria ruudut */
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;
}

/* Sivunvaihto paginaatio */
nav.navigation.pagination {
	margin-top: 0.5rem;
}
nav.navigation.pagination div.nav-links {
	padding: 0.5rem;
	background: white;
	border-radius: 0.5rem;
}

/* Sivujen taustoja valkoiseksi */

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;
}

/* Ilmoituksen tabit palkki */
div.hp-page__topbar {
	background: white;
	padding: 1rem;
	border-radius: 3px;
}

h1.hp-page__title::before {
	display: none;
}

/*****************/
/* Header,Navbar */
/*****************/

@media only screen and (max-width: 74.99em) {
  div.header-navbar2 {
    display: none;
  }
}

header.site-header {
	background: #0C63A1;
}

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;
}

/* Header navbar 2 */

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: #0082C4;
}

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;
}

/* Piilota mobile menun viimeiset itemit desktopissa */
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;
	}
}

/* Footer */
div.footer-navbar {
	padding: 1rem;
}

/* Päävalikon login / user account linkki aina viimeiselle paikalle */
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;
	}
}

/* Lisää ilmoitus nappula näkyviin mobiilissa */
.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;
}

/* Mobiili suodattimet nappi */

button.hp-button--listing-filter {
	background: #18447E;
	color: white;
	padding: 0.25rem 1rem;
}

/*
* Mobiili suodatuslomake
* */
.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;
}

/* Etusivun kategoriaruudut */

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: #18447E;
	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;
}

/* Blogilistaus */

div.posts {
	background: white;
	padding: 0.5rem;
	border-radius: 3px;
}

div.post--single {
	background: white;
	padding: 0.5rem;
	border-radius: 3px;
}

/* Ilmoitussivu */
.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;
}

/* Sivujen group-elementti */
div.container div.page__text div.wp-block-group {
	background: white;
	border-radius: 3px;
	margin: 1rem 0;
	padding: 0.5rem;
}

/* Yritysmyyjät */
div.hp-vendors div.hp-row {
	display: grid;
	grid-template-columns: 1fr 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;
}

/*********************************/
/* Listausten haku- ja lajittelu */
/*********************************/

/* Flex container */
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;
}

/* Hakulomake listauksissa */
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;
	}
}

/* Hakulomake etusivulla */
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;
	}
}

/* Lajittelulomake */
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;
}

/* Pallukkamenun fixaus */
.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;
}

/*
* Valikon kirjautumispainike
* */
.hp-menu__item--user-login .hp-icon {
	color: inherit !important;
}