/*
Theme Name: Dukium org theme
Theme URI: http://www.shoof.co.il
Author: Boaz Arad
Author URI: http://www.boazarad.com
Description: A custom theme for a Dukium.org
License: All Rights Reserved
License URI: 
Tags: shoof, custom
Text Domain: shoof.co.il

Theme customized for a client
*/

/*le webfont */
@import url('https://fonts.googleapis.com/css?family=Alef:400,700&subset=hebrew');
@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.1em;
	direction:rtl;
	font-family: 'Alef', sans-serif;		font-size: 16px;
}body input, body select {	font-family: 'Alef', sans-serif;}
body.ar, body.ar input, body.ar select {	font-family: 'Noto Kufi Arabic', 'Alef', sans-serif;} 
body.en {
	direction: ltr;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

#container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-image: url('img/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

p {
	line-height: 1.3em !important;
}
#ui_container {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 100;
	overflow: visible;
}

#map_container {
	width: 100%;
	height: 100%;	
}

/* map ui */

.en ul.ui_elem {
	float: left;
}
ul.ui_elem {
	float: right;
	width: 533px;
	overflow: hidden;
}

.en #r_col {
	float: left;
}
#r_col {
	float: right;
}

.layer-trigger, .ui-trigger, .ui-content-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.ui_title > label {
	display: block;
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 1em;
	background-color: #ffcc56;
	background-image: url('img/down-triangle-black.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding-right: 10px;
	font-weight: bold;
}

.en .ui_title > label {
	background-position: 95% center;
	padding-right: 0px;
	padding-left: 10px;		/*font-size: 10pt;*/
}

.ui_title .ui-trigger:checked ~ label {
	background-image: url('img/up-triangle-black.png');
}

.ui_content {
	display: none;
	background-color: #000;
	background-color: rgba(0,0,0,0.8);
	box-sizing: border-box;
	padding: 10px 12px;
	color: #fff;
}

.ui-trigger:checked ~ .ui_content {
	display: block;
}

.en #legend_ui {
	float: right;
}
#legend_ui {
	float: left;
	width: 210px;
}
#r_col {
	margin-left: 30px;
}
.en #r_col {
	margin-left: 0;
	margin-right: 30px;
}
#nav_ui {
	width: 390px;
}
#logo_ui {
	margin-bottom: 10px;
}
.en #post_ui {
	clear: left;
}
#post_ui {
	clear: right;
	margin-bottom: 0.5em;
}

#nav_text, #nav_photo, #nav_video {
	height: 100%;
	width: 1.5em;
	display: inline-block;
	vertical-align: bottom;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 101;
}

#nav_text {
	margin-right: 1em;
	background-image: url('img/text-black.png');
}

#nav_text_btn:checked ~ #nav_text {
	background-image: url('img/text-white.png');
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
}

.en #nav_text {
	margin-right: 0;
	margin-left: 1em;
}

#nav_photo {
	background-image: url('img/camera-black.png');
}
#nav_photo_btn:checked ~ #nav_photo {
	background-image: url('img/camera-white.png');
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
}
#nav_video {
	background-image: url('img/video-black.png');
	
}
#nav_video_btn:checked ~ #nav_video {
	background-image: url('img/video-white.png');
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
}

.map_video, .map_gallery, .map_text {
	/*display: none;*/
}.map_text.loading {	background-image: url('img/loading_bg.gif');	width: 100%;	height: 200px;	background-position: center center;	background-repeat: no-repeat;}

#nav_video_btn:checked ~ .map_video, #nav_photo_btn:checked ~ .map_gallery, #nav_text_btn:checked ~ .map_text {
	display: block;
}

.ui_title label a.active {
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
}

#legend_ui .ui_content {
	line-height: 1.5em;
}

#legend_ui .ui_content img {
	vertical-align: middle;
	margin-left: 10px;
}

.en #legend_ui .ui_content img {
	margin-left: 0px;
	margin-right: 10px;
}

#legend_ui .ui_content > li:first-child {
	margin-top: 0;
}

#legend_ui .ui_content > li {
	margin-top: 1.5em;
}

#legend_ui .ui_content label {
	background-image: url('img/layer-off.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
}

.en #legend_ui .ui_content label {
	padding-left: 25px;
	padding-right: 0;
	background-position: left center;
}

#legend_ui .layer-trigger:checked ~ label {
	background-image: url('img/layer-on.png');
}


#geo_object_list li{
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-right: 30px;
}

.en #geo_object_list li{
	background-position: left center;
	padding-right: 0;
	padding-left: 20px;
	margin-right: 0;
	margin-left: 30px;
}

a {
	color: #ffcc56;
	text-decoration: underline;
}


#post_ui .ui_content {
	max-height: 450px;
	overflow-y: auto;
}

@media only screen and (max-width: 1180px) {
	#nav_ui {
		clear: right;
	}
	.en #nav_ui {
		clear: left;
	}
	
	#legend_ui {
		position: absolute;
		top: 0;
		left: 0;
	}
	.en #legend_ui {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
	}
}

@media only screen and (max-width: 755px) {
	#legend_ui {
		position: relative;
		float: right;
		clear: right;
	}
	.en #legend_ui {
		position: relative;
		float: left;
		clear: left;
	}
	
	
	#logo_ui,#post_ui {
	margin-bottom: 0;
	}
	.ui_elem {
		border-top: 1px solid #000;
		border-color: rgba(0,0,0,0.8);
	}
 
}

@media only screen and (max-width: 550px) {
	ul.ui_elem {
		width: 100% !important;
	}
	#r_col {
		margin-left: 0;
		width: 100%;
	}
}

/* end map ui */

.bold {
	font-weight: bold;
}

#logo_text {
    padding-right: 60px;
    background: url('img/logo.png') right center no-repeat transparent;
    padding-top: 0px;
    height: 3em;
    line-height: 1em;
    font-size: 0.75em;
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;		padding-top: 1em;	padding-bottom: 1em;
}

.en #logo_text {
	padding-right: 0;	
	padding-left: 60px;
	background-position: left center;
}

a#logo_text  {
	color: white;
	text-decoration: none;
}

#village_select {
	width: 210px;
	height: 1.5em;
	line-height: 1.5em;
	background-color: #666666;
	border: 0;
	margin: 1em 0;
	color: #fff;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	/*color: #ffcc56;*/
	color: #fff;
	margin-bottom: 0.6em;
}

p {
	margin-bottom: 1.2em;		/*font-size: 8pt;*/
}
.map_text h2 {	/*font-size: 9pt;*/}
h2 {
	font-size: 1.2em;
	font-weight: bold;
}
.en .menu li {
	float: left;
    padding-right: 10px;
    padding-left: 0px;
    margin-right: 10px;
    margin-left: 0px;
    border-right: 2px solid #767c10;
    border-left: 0;
}
.menu {
	padding-bottom: 1em;
	width: 100%;
}
.menu li {
	float: right;
    padding-left: 10px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 0px;
    border-left: 2px solid #767c10;
    border-right: 0;
}

.menu li:last-child {
	border:0;
}

#galleria{height:467px}.gallery {	margin: auto;}.gallery .gallery-item {	float: left;	margin-top: 10px;	text-align: center;	width: 33%;}.gallery img {	border: 2px solid #cfcfcf;}.gallery .gallery-caption {	margin-left: 0;}.village-template-default .featherlight .caption, .geo_object-template-default .featherlight .caption {	position: absolute;    bottom: 0;	left:0;    color: white;    width: 100%;    padding-top: 0.5em;	padding-bottom: 0.5em;	padding-left: 50px;	background-color: #000;	background-color: rgba(0,0,0,0.8);}.village-template-default .featherlight .featherlight-content, .page-template-single-village .featherlight .featherlight-content, .geo_object-template-default .featherlight .featherlight-content {	overflow: hidden;	background-color: #000;	background-color: rgba(0,0,0,0.8);}.map_video iframe {	max-width: 100%;}.village-template-default .featherlight .featherlight-close-icon {	color: #fff;}