.hero {
    background-image: url(/wp-content/themes/golfpiste/assets/img/bg/gp-matkapaketit-bg.jpg);
	background-position-y: bottom;
}

.search-result-item .item-details {
	margin-top: 10px;
    width: calc(100% - 100px);
    box-sizing: border-box;
	font-size: 16px;
	line-height: 1.2;
	font-family: 'barlowregular';
}

.search-result-item .item-details strong {
	font-family: 'barlowsemibold';	
	font-weight: normal;
}

.item-details span {
	font-size: inherit;
    font-family: 'barlowmedium';
}

.grid .search-result-item .item-details {
	width: 100%;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.hero {
		background-image: url(/wp-content/themes/golfpiste/assets/img/bg/gp-matkapaketit-mobile.jpg);
	}
}

@media screen and (max-width: 650px) {

	.search-result-item {
		box-shadow: 0px 0px 20px #e6e6e6;
		margin-bottom: 20px;
	}

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

	.search-result-item .item-details {
		width: 100%;
	}

	.hero {
		padding-bottom: 25px;
		min-height: 0;
	}

	.hero p {
		margin: 15% auto;
	}

	.search-results .section--ad.section--ad__mob {
		margin-top: 30px;
	}

	#paginationBottom {
		margin-top: 30px;
	}

}

/* Listanäkymä */

@media screen and (min-width: 651px) and (max-width: 1365px) {

	.search-results .search-result-item{
		display: flex;
	}

	.search-results .search-result-item__image > div {
		padding-top: 0;
		height: 100%;
	}

	.search-result-item h3 {
		font-size: 19px;
	}

}

@media screen and (min-width: 1366px) {

	.search-results:not(.grid) .search-result-item{
		display: flex;
	}

	.search-results:not(.grid) .search-result-item__image > div {
		padding-top: 0;
		height: 100%;
	}

	.grid .search-result-item__content {
		height: auto;
	}

	.grid .search-result-item .item-details {
		width: calc(100% - 65px);
	}

	.grid .search-result-price {
		bottom: 10px;
    	line-height: 1;
	}

	.grid .search-result-price span {
		font-size: 24px;
	}

}

/* Ruutunäkymä */

@media screen and (min-width: 1366px) {

	.search-results.grid {
		display: flex;
		flex-wrap: wrap;
	}

	.search-results.grid section {
		width: 100%;
	}

}

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