@charset "utf-8";
.language-grid{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	align-items: center;
}
.language-grid-item{
	width: 32%;
	height: 100px;
	line-height:80px;
	background: #31526c;
	text-align: center;
	margin: 2px;
	transition: background 1s ease-in-out;
	border-radius: 8px;
	box-shadow: inset 0 -5px 3px rgba(0, 0, 0, 0.2);
}
.language-grid-item a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px;
	font-size: 30px;
	transition: font .8s ease-in-out;
	font-weight: normal;
}
.language-grid-item a{
    text-align: center !important;
}
.language-grid-item:hover{
	background: #416c91;
}
.language-grid-item:hover a{
	font-size: 35px;
	cursor: pointer;
}
.county-grid{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	align-items: center;
}
.county-grid-item{
	width: 98%;
    height: 100px;
	line-height:80px;
	background: #3c5844;
	text-align: center;
	margin: 2px;
	transition: background 1s ease-in-out;
	border-radius: 8px;
	box-shadow: inset 0 -5px 3px rgba(0, 0, 0, 0.2);
}
.county-grid-item a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px;
	font-size: 30px;
	transition: font .8s ease-in-out;
}
.county-grid-item a{
    text-align: center !important;
}
.county-grid-item:hover{
	background: #283a2c;
}
.county-grid-item:hover a{
	font-size: 35px;
	cursor: pointer;
}
@media (max-width: 800px) {
	.language-grid, .county.grid {
		flex-direction: column;
	}
	.language-grid-item, .county-grid-item{
		width:98%;
	}
}
.dropdownbtn {
	background-color: #3c5844;
  	color: white;
	padding: 16px;
	font-size: 20px;
	border: none;
	cursor: pointer;
	border-radius: 8px;
}
.dropdownbtn:hover, .dropdownbtn:focus {
	background-color: #283a2c;
}
#countyInput {
	box-sizing: border-box;
	font-size: 20px;
	padding: 14px 20px 12px 14px;
	border: none;
	border-bottom: 1px solid #ddd;
}
#countyInput:focus {
	outline: 3px solid #ddd;
}
.cdropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	z-index: 1;
	box-shadow: grey 3px 5px 10px;
}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {
	background-color: #669152;
	color: #fff;
	font-weight: bold;}
.cshow {
	display:block;
}
#countyInput::placeholder{
	color:#669152;
	font-size:16px;
}
#countyDropdown {
	font-size:20px;
}
.cdropdownintro h2{
    font-size: 24px;
}
.cdropdownintro p{
    font-size: 18px;
}
#mainContent p a, #mainContent p a:hover, .relative-content p a, .relative-content p a:hover {
    text-decoration: underline;
}
[lang="ar"]{
    text-align: right;
    direction: rtl;
}
[href="#BEN-arabic"],[href="#WSH-arabic"] {
    text-align: right;
    padding-right: 40px !important;
    direction: rtl;
}
[lang="fa"]{
    text-align: right;
    direction: rtl;
	font-size: 18px;
}