/**
 * Public users related english compatible styling stylesheet.
 * styles/styles-en.css
 *
 * @copyright (c) 2021 Naua for sustainable development and UNICEF Jordan
 * @link https://nahno.org
 * @since 2017-01-20
 *
 * @author Mazen Khatib <mazen.khatib@gmail.com>
 * @author Yazan Daradkeh <yazan@naua.org>
 * @author Haya Salti <haya@insalat.com>
 * @author Hamzeh Oweis <hamzeh@insalat.com>
 * @author Mohammad Khashashneh <khashashneh@insalat.com>
 * @author Duaa Alsaleh <duaa@insalat.com>
 *
 */


/****************************** general */
.en {
	/* font-family: Open Sans, Helvetica !important; */
}

.en .en-dir input, .en .en-dir textarea, .en .en-dir select {
	font: normal 16px Tahoma, Helvetica;
	box-sizing: border-box;
	direction: ltr;
}

.en button {
	text-transform: uppercase;
}

.en .left {
	float: left;
}

.en .right {
	float: right;
}

/****************************** titles, buttons */

.en .en-dir {
	direction: ltr;
}

/****************************** header */
.en .header-container {
	direction: ltr;
}

.en .header {
	width: 1170px;
	min-height: 70px;
	position: fixed;
	top: 0;
	z-index: 100;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px 15px;
}


.en .header-logo {
	position: relative;
	margin: 0px;
}

.en .header-menu {
	right: 36%;
	margin: 0px;
}

.en .header-left {
	position: relative;
	margin: 0px;
	display: flex;
	flex-direction: row;
}

.en .header-search input[type=text] {
	top: 6px;
	left: 36px;
	padding: 0px 5px;
}

.en .header-profilepic {
	margin-top: 0px;
}

/* user menu, project menu */
.en .user-menu {
	right: 64px;
}

.en .user-menu ul, .en .project-menu ul {
	right: -49px;
	left: unset;
}

.en .user-menu-tip, .en .user-menu-tip-top, .en .project-menu-tip, .en .project-menu-tip-top {
	top: -7px;
	right: -39px;
	left: unset;
}

/* explore (header) */
.en .explore-categories-mobile .explore-icon {
	float: left;
}

.en .explore-categories-mobile .explore-category {
	margin-left: 13px;
	margin-right: 0px;
	float:left;
}

/****************************** footer */
.en .footer {
	direction: ltr;
}

.en ul.footer-menu li {
	float: left !important;
	text-align: left;
}

.en .footer-social{
	margin-left:auto;
}

.en .footer-lang-switch {
	right: 9%;
}

.en .support {
	margin-left: 0px !important;
}

.en .header-menu-mobile {
	right: 0px;
}

/****************************** home */

/* project slider (favorites, trending, newest, ending) */

.en .home-project-progress-stat1 {
	float: right;
	direction: ltr;
}

.en .home-project-progress-stat2 {
	direction: ltr;
}

.en .home-project-progress-stat2:after {
	clear: both;
}

.en .search-project-progress-stat1{
	direction: ltr;
}
/****************************** Volunteer */
.en .explore-inner-categories li{
	min-width: 70px;
	width:auto;
	margin: 0px 2px;
}
/****************************** NGO */

/* contact popup */

.en .contact-field.space {
	padding-right: 50px;
	padding-left:0px;
}

/****************************** user */

/* recent activity */

.en .user-activity-info {
	direction: ltr;
}

/****************************** mobile (restyling) */

@media only screen and (min-width: 320px) and (max-width: 667px) {
	/****************************** header */
	.en .header-mobile a.signin {
		margin-top: 0px;
	}

	.en .header-margin {
		height: 0px;
	}

	.en .header-menu {
		position: relative;
		right: 0px;
	}

	.en .header {
		display: none !important;
	}

	.en .header-container-mobile {
		direction: ltr;
	}

	.en .header-mobile {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}

	.en .header-logo {
		margin-left: 10px;
	}

	.en .header-profilepic {
		position: absolute;
		top: 2px;
		right: 70px;
	}

	/* user menu, project menu */
	.en .user-menu {
		left: 57px;
	}

	.en .user-menu ul, .en .project-menu ul {
		right: 9px;
	}

	.en .user-menu-tip, .en .user-menu-tip-top, .en .project-menu-tip, .en .project-menu-tip-top {
		right: 21px;
	}

	.en .user-menu-tip-top, .en .project-menu-tip-top {
		right: 21px;
	}

	/****************************** footer */
	.en ul.footer-menu li {
		float: left !important;
		text-align: left;
	}
}

.en .pagination-all-pages {
	direction: ltr;
}