/*
 * BLOG
*/

.row.filter-row {
	margin-bottom: 4.8em;
	margin-top: 4.25em;
}

.filter-row .search-form {
	display: flex;
	margin-bottom: 1.2em;
}

.filter-row .search-form label {
	flex-grow: 1;
	margin: 0;
	height: auto;
	position: relative;
}

.filter-row .search-form label span {
	font-size: 0;
}

.filter-row .search-form label input {
	width: 100%;
	height: 100%;
	border: 1px solid #D7D7D7;
	background: #fff;
	padding: 0.5em 0.5em 0.5em 2.5em;
}

.filter-row .search-form svg {
	position: absolute;
	top: 1.2em;
	left: 1em;
}

.filter-row .search-form .button.search-submit {
	text-transform: capitalize;
	letter-spacing: 0;
	font-family: 'Work Sans';
	font-size: 1em;
	font-weight: 500;
	padding: 1.1em 1em;
	min-width: 20.5em;
}

.filter-row .button.filterby-title {
	font-family: 'Work Sans';
	font-weight: 500;
	font-size: 1em;
	text-transform: none;
	letter-spacing: 0;
	padding: 1.1em 1em;
	min-width: 11.4em;
}

.filterby {
	display: flex;
}

.filterby-dropdown {
	width: 100%;
	position: relative;
}

.filterby-dropdown::after {
	content: "";
	width: 0.75em;
	height: 0.75em;
	border: 1px solid transparent;
	border-color: transparent transparent black black;
	position: absolute;
	top: 1.15em;
	right: 1em;
	transform: rotate(-45deg);
	z-index: -1;
}

.filterby-dropdown .custom-select {
	height: 100%;
}

.filterby-dropdown select {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	padding: 1em 0.9em;
	position: relative;
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.news-show-more {
	width: 100%;
}

.slider-row {
	margin-bottom: 2.3em;
}

.slider-row .arrow.arrow--left::before {
	content: "";
	position: absolute;
	right: 3em;
	bottom: 0;
	display: block;
	width: 2.71em;
	height: 2.71em;
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='38' y='38' width='38' height='38' transform='rotate(-180 38 38)' fill='%23121F47'/%3E%3Cpath d='M16.2409 18.9999C16.2409 18.8958 16.2775 18.7917 16.3507 18.7123L20.1007 14.644C20.2473 14.485 20.4845 14.485 20.631 14.644C20.7774 14.803 20.7775 15.0604 20.631 15.2193L17.1461 18.9999L20.631 22.7805C20.7775 22.9395 20.7775 23.1969 20.631 23.3558C20.4844 23.5146 20.2472 23.5147 20.1007 23.3558L16.3507 19.2875C16.2775 19.2081 16.2409 19.1039 16.2409 18.9999Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: cover;
}

.slider-row .arrow.arrow--right::before {
	content: "";
	position: absolute;
	right: 0em;
	bottom: 0;
	display: block;
	width: 2.71em;
	height: 2.71em;
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' fill='%23121F47'/%3E%3Cpath d='M21.7592 19.0001C21.7592 19.1042 21.7225 19.2083 21.6493 19.2877L17.8993 23.356C17.7528 23.515 17.5155 23.515 17.3691 23.356C17.2226 23.197 17.2225 22.9396 17.3691 22.7807L20.8539 19.0001L17.3691 15.2195C17.2225 15.0605 17.2225 14.8031 17.3691 14.6442C17.5156 14.4854 17.7529 14.4853 17.8993 14.6442L21.6493 18.7125C21.7225 18.7919 21.7592 18.8961 21.7592 19.0001Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: cover;
}

#video-slider .resources-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

article {
	margin-bottom: 4em;
}

.term-description {
	margin: 4.5em 0 1em;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	color: #121F47;
}

.categories-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: 1px solid #D7D7D7;
}

.blog .categories-list {
	margin-top: 4em;
}

.categories-list > .button {
	flex-grow: 1;
}

.categories-list > .button:not(.active) {
	background: #fff;
	border: none;
}

.categories-list > .button:hover {
	opacity: 0.9;
}

.categories-list > .button {
	padding: 0;
}

.categories-list > .button a {
	display: block;
	padding: 1.45em 1em;
}

.categories-list > .button a:hover {
	text-decoration: none;
}

.categories-list > .button:not(.active) a {
	color: #494D53;
}

.categories-list > .button.active a {
	color: #FFFFFF;
}

.tax-resources_cat .row.filter-row {
	margin-top: 1.5em;
}

.download {
	position: relative;
	display: block;
}

.download svg {
	position: absolute;
	bottom: 2em;
	right: 1em;
}

.resources-video img, 
.resources-video video {
	width: 100%;
	object-fit: cover;
	max-height: 17.35em;
}

.resources-video {
	position: relative;
	display: block;
}

.resources-video svg {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 40%;
}

.modal-video .modal-close.modal-exit {
	top: -23px;
	right: -23px;
}

.modal-video .modal-container {
	padding: 0;
}

.modal-video video, 
.modal-video iframe {
	display: block;
	width: 100%;
	height: 50em;
	max-height: 76vh;
}

.modal-video .modal-container {
	padding: 0;
	max-width: 90vw;
	width: 90em;
}

.categories-list.area-list {
	margin-top: 1em;
}

.search.search-results article {
	margin-bottom: 0;
	padding: 3em 15px;
}

.search.search-results article:not(:last-child){
	border-bottom: 1px solid #D7D7D7;
}

.news-item.search-item {
	display: flex;
	align-items: center;
	grid-column-gap: 15px;
}

.news-item.search-item img {
	max-width: 15%;
	margin: 0;
	height: auto;
}



@media (max-width: 767px) {
	.filter-row .search-form .button.search-submit {
		min-width: 8.5em;
	}

	.filterby {
		margin-bottom: 1em;
	}

	.filter-row .button.filterby-title {
		padding: 1.1em 0.4em;
		min-width: 9.4em;
	}

	.filterby-dropdown {
		width: 61%;
	}

	.news-item video {
		height: 43vw;
	}

	.slider-row .arrow.arrow--right::before {
		right: -15px;
		top: unset;
		width: 2.5em;
		height: 2.5em;
		bottom: 3em;
	}

	.slider-row .arrow.arrow--left::before {
		left: -15px;
		top: unset;
		width: 2.5em;
		height: 2.5em;
		bottom: 3em;
	}

	.categories-list .button {
		min-width: 30%;
	}

	#sports-flooring {
		border-top: 1px solid #D7D7D7;
	}

}

@media (max-width: 480px){
	.slider-row .arrow.arrow--right::before {
		bottom: 8em;
	}

	.slider-row .arrow.arrow--left::before {
		bottom: 8em;
	}

	.search.search-results article {
		padding: 1.5em 15px;
	}

	.news-item.search-item img {
		max-width: 20%;
	}

	.news-item.search-item .h6 {
		margin-bottom: 0;
	}

	.modal-video video, 
	.modal-video iframe {
		height: 20em;
		max-height: 49vh;
	}
	
	.modal-video .modal-close.modal-exit {
		top: -28px;
		right: 0;
	}
}

@media (max-width: 374px) {
	.filter-row .button.filterby-title {
		font-size: 0.85em;
		padding: 1.4em 0.4em;
	}
}