/* FILTERS ================================ */
.ong-list-filters {
	justify-content: flex-end;
	margin: 2em auto 0 auto;
	flex-direciton: row;
	flex-wrap: wrap;
	display: flex;
	width: 75%;
}
select.ong-list-order {
	border: 2px solid #6d7fda;
	background-color: white;
	padding: 0.5em 1em;
	min-width: 15em;
	font-size: 1em;
	margin: 0;
}
input.ong-list-search {
	box-shadow: 0 1px 4px rgb(0 0 0 / 10%) inset;
	margin: 2em auto 4em auto;
	border: 1px solid #cccccc;
	margin: 2em auto 2em auto;
	background-color: #eee;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 1.3em;
	font-weight: 400;
	min-width: 100px;
	color: #888888;
	width: 100%;
}

/* ONG LIST =============================== */
.ong-list {
	margin: 0 auto 1em auto;
	min-height: 20em;
	max-width: 75em;
	width: 90%;
}
.ong-list.ong-list-empty:not(.searching) {
	position: relative;
	max-height: 20em;
}
.ong-list.ong-list-empty:not(.searching)::before {
	transform: translateX(-50%) translateY(-50%);
	content: "Nu există rezultate";
	position: absolute;
	font-weight: bold;
	font-size: 1.3rem;
	color: #000000;
	display: block;
	opacity: 0.2;
	left: 50%;
	top: 50%;
}
/* ROW & COL */
.ong-list .ong-row {
	align-items: stretch;
	flex-direction: row;
	min-height: 35em;
	display: flex;
	width: 100%;
}
.ong-list .ong-col {
	/*-webkit-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43);
	   -moz-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43);
			box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43); */
	transition: opacity 0.5s ease-in-out;
	flex-direction: column;
	border: 1px solid #ddd;
	border-radius: 0.5em;
	text-align: center;
	max-width: 33.3333%;
	padding: 1.5em;
	ms-flex: 0.333;
	display: flex;
	margin: 1em;
	flex: 0.333;
	opacity: 1;
}
.ong-list .ong-col-hide {
	opacity: 0;
}
/* RESPONSIVLEKTS */
@media only screen and (max-width : 768px), (orientation: portrait) {
	.ong-list .ong-row {
		display: block;
	}
	.ong-list .ong-col {
		margin-right: auto;
		margin-left: auto;
		max-width: 24em;
		display: block;
		width: auto;
	}
}
@media (min-resolution: 150dpi) {
	.ong-list .ong-list {
		font-size: 1.5em;
	}
}

/* IMAGE */
.ong-list .ong-img {
	margin: 0 auto 1em auto;
	display: block;
	height: 150px;
	width: 150px;
	flex-grow: 0;
}

/* DENUMIRE */
.ong-list .ong-name {
	word-wrap: break-word;
	padding: 0 0 0.5em 0;
	white-space: normal;
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 1.4em;
	cursor: pointer;
	color: #3165d5;
	display: block;
	flex-grow: 1;
	width: 100%;
	line-height: 1.3em;
}

.ong-list .ong-name:hover {
	text-decoration: underline;
}

/* DESCRIERE */
.ong-list .ong-desc {
	flex: 1;
}
.ong-list .ong-desc-sandwich {
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
	text-align: center;
	position: relative;
	line-height: 1.2em;
	overflow: hidden;
	font-size: 1.1em;
	margin: 0.5em 0;
	height: 6em;
	width: 100%;
	color: #828282;
}
.ong-list .ong-desc.show .ong-desc-sandwich { height: auto; min-	height: 7em; }
.ong-list .ong-desc .ong-desc-sandwich::before {
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	position: absolute;
	display: block;
	content: " ";
	height: 2em;
	width: 100%;
	bottom: 0;
	left: 0;
}
.ong-list .ong-desc.show .ong-desc-sandwich::before {
	display: none;
}

/* DESCRIERE - BUTON */
.ong-list .ong-desc-expand {
	font-weight: bold;
	cursor: pointer;
	display: block;
	color: #8398e1;
	padding: 0.5em;
	width: 100%;
}
.ong-list .ong-desc-expand:hover {
	transform: scale(1.05);
}
.ong-list .ong-desc-expand:active {
	transform:scale(1.025);
}
.ong-list .ong-desc-expand::before {
	content: "Mai mult..";
	display: inline;
}
.ong-list .ong-desc.show .ong-desc-expand::before {
	content: "Mai puțin";
}


/* BUTON DONATIE GENERIC */
.ong-list .ong-but {
	text-decoration: none !important;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	/* padding: 10px 5px 10px 5px; */
	padding: 0.55em 1.1em;
	background-color: #6d7fda;
	transition: 0.1s linear;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	/* min-width: 150px; */
	min-width: 10em;
	cursor: pointer;
	color: white;
	/* border-radius: 5px; */
	border-radius: 0.2em;
	margin-top: 17px;
	margin-top: 1em;
}
.ong-list .ong-but:hover {
	text-decoration: none !important;
	background-color: #8398e1;
	color: white !important;
	transform: scale(1.1);
}
.ong-list .ong-but:active {
	transform: scale(1.05);
}
.ong-list .ong-but:visited {
	text-decoration: none !important;
	color: white !important;
}


/* LAZY SCROLL */
.wer-lazyscroll {
	position: relative;
	padding: 10px;
}
.wer-lazyscroll.searching::after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACIklEQVRYhdXXzW8NURgG8F8tiIUQBNWWBCs2NkSChNBGaKQLRETiRvwJtuKi2lREbG1EREqFhfhsK1iw4N8QKbERHxVKr8U50zvktp07N53Gk5zNM+ed5znvmffMe/jPsAj70It+PMAgruEc9mL+TAhvioI/UZlmjGIAG1PxO+KzF/UKL8Xt1Mt/4RUu4Bi6hFWfQA/eYDw1/y6W5TXQgQ8x8DP60JYhbiUuCpmoYETYnroMHFRN9zBWZfc9gRY88/f2ZDKwS0h1RUh1HpRQxlm8r8dAGz7GyX05xUWhWh/otAbuxImPMKcBAyUhA/+O0lRBW6P4FzQ3IJ4bSbmdmg3xxfiBMSyfYa0lwlYsTJNdwuqHZlgcnkatzjTZG8lyAQaSQ6k3Td6K5KECDByNWv1pcjiSuwsw0K56wk5gKJLtBRjoiFqDafJmJI8UYOBw1BpIkz2RPF+AgW41PsLOSN4vwEDyh9yfJhdgu8bO/yxowW98F9q7wnFGjRIsCs34KrRsm6eauA57Jhl50YSHMq6+bPKONy+SKhvBinoMjAmH1JM46kWT0FlVhB5zW5agtIEKnqM1h/ga1ZIbFdr3TEgMPMa71AsuYXWG+LVCW/4txr4VSjwzEgNloXm4IdRukpHX0cxxHIijhMt4qXoxGcd1Oeo9bSDBBuH+98nkH2j6anYV6+sVTtCKLWrv+1zhl30yitwTrl9XcBo7MS+v8KzgDz8Yu0GXI/qBAAAAAElFTkSuQmCC);
	animation: wer-spin 1s linear infinite reverse;
	background-repeat: no repeat;
	background-position: center;
	left: calc(50% - 16px);
	position: absolute;
	padding: 10px;
	opacity: 0.3;
	content: ' ';
	height: 32px;
	width: 32px;
	top: 6em;
}
.wer-lazyscroll-element {
	transition: opacity 2s ease-out;
	opacity: 1;
}
.wer-lazyscroll-element.hide {
	opacity: 0;
}
.wer-lazyscroll-loadmore {
	color: rgb(92, 147, 225);
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 1em;
	width: 100%;
}
.wer-lazyscroll.stopped .wer-lazyscroll-loadmore {
	display: none;
}

/* LAZY PIC */
.wer-lazy-pic {
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}
.wer-lazy-pic.wer-lazy-loaded {
	opacity: 1;
}