/*
Theme Name: HarkuLiit
Theme URI: http://wordpress.org/
Description: Wordpress theme for harkuliit.ee
Author: DataZoo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Harku Liit
Text Domain: harkuliit_t
*/

.frontImage img {
	width: 195px;	
}

body {
	background-position: center top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Open Sans", "Segoe WP", Arial, Helvetica, sans-serif;
	font-size: 85%;
}

a:link, a:visited {
	color: #03a0a0;	
}

a:active, a:hover {
	color:#363;
}

.pilt_1 {
	background-image: url('img/bg_luigemeri.jpg'); 
}
.pilt_2 {
	background-image: url('img/bg_muraste3.jpg');
}
.pilt_3 {
	background-image: url('img/bg_kosklad.jpg');
}

.pilt_4 {
	background-image: url('img/bg_kitsed.jpg');
}

#header {
	padding-top: 0.3em;
	padding-bottom: 0.6em;	
	display: table;
	position: relative;	
}

#harkulogo {
	position: absolute;
	left: -20px;
	top: 0px;	
}

#harkuPisilogo {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.header_wrapper {
	position: relative;
	/*background-color: rgba(102, 124, 163, 0.7);
 	color: rgba(102, 124, 163, 0.7);*/
	background-color: rgba(4, 158, 159, 0.85);
 	color: rgba(255, 255, 255, 0.85);
}


.fixd {
	position: absolute; left: 0; top: 0; width: 100%; z-index: 999999;	
}

.fixd .header_wrapper {
	position: fixed; width: 100%;	
}

.exce p {
	margin: 0;
	display: inline;	
}

.exce a {
	text-decoration: underline;	
}

.no-space {
    margin-left:0;
}

.no-space [class*="span"] {
    margin-left: 0;
}

.gray {
	color: #ccc;	
}

a.sitename, a.sitename:hover {
	text-decoration: none;
	font-size: 1.5em;
	line-height: auto;
	color: #ffffff;
	font-weight: bold;
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;	
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
	padding: 0;
	margin: 0;
}

.site {
	float: left;
	padding-right: 1em; 
	padding-left: 1em; 	
	padding-top: 0.6em;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.nowrap {
	white-space: nowrap;
}

.menyy {
	float: right;	
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 15px;
	line-height: 14px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 0em; 
}

.menyy ul {
	margin: 0;
	padding: 0;	
}

.menyy ul li {
	float: left;
	list-style: none;
	padding-left: 0;
	padding: 7px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-right: 2px;	
	-webkit-border-radius: 6px;
	border-radius: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}

.menyy ul li a {
	text-decoration: none;
	color: #ffffff;
	line-height: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	
	border-bottom-width: 1px;
	white-space: nowrap;
}

.menyy ul li a:hover {
	text-decoration: none;
	border: solid 0px #dddddd;
	border-bottom-width: 1px;
	color: #ffffff;
}

.menyy ul li.ACTIVE,
.menyy ul li.current-menu-item,
.menyy ul li.current-page-ancestor,
.menyy ul li.page_item {
	background-color: rgba(0, 0, 0, 0.4);
 	color: rgba(0, 0, 0, 0.4);
}



.menyy ul li.ACTIVE a,
.menyy ul li.current-menu-item a {
	color: #ffffff;
	border-bottom-width: 0px;
}


.menyy ul li.ACTIVE a:hover,
.menyy ul li.current-menu-item a:hover {
	text-decoration: none;
	border-bottom-width: 0px;
}

#notMapArea {
	position: absolute;
	margin-top: 340px;
	float: left;
	width: 100%;
	overflow: hidden;
	z-index: 2000;
	left: 0;
	top: 0;
}

#whiteWrapper {
	background-color: #fff;	
	float: left;
	width: 100%;
	overflow: hidden;
	z-index: 2000;
}

#sisu {
	background-color: #ffffff;
	padding-bottom: 0;
}

#mapLink {
	color: #029c9d;
	display: block;
	height: 34px;
	background: url('img/tab.png') right top no-repeat;
	padding-right: 34px;
	float: left;
	white-space: nowrap;
	cursor: pointer;
}

#mapLink div {
	padding-left: 30px;
	padding-top: 7px;
	height: 27px;
	background: url('img/tab.png') left top no-repeat;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}


.in {
	padding: 15px;
	padding-right: 5;	
}

#sisu .in {
	padding: 30px;	
}


#rightCol2 {
	background: #e4e6ea; /* Old browsers */
	background: -moz-linear-gradient(top, #e4e6ea 0%, #ffffff 52%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e6ea), color-stop(52%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4e6ea 0%,#ffffff 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4e6ea 0%,#ffffff 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4e6ea 0%,#ffffff 52%); /* IE10+ */
	background: linear-gradient(to bottom, #e4e6ea 0%,#ffffff 52%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e6ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	font-size: 0.9em;
	line-height: 1.3em;
}

#rightCol2 {	
	font-size: 0.95em;
	line-height: 1.4em;
}

#rightCol h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2em;	
}

h1, h3 {
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	color: #667ca3;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.uudised h1, .uudised h2 {
	margin-bottom: 10px;	
}

.uudised .kuupaev {
	margin-bottom: 1em;	
}

h3 {
	font-size: 1.3em;
	font-weight: bold;	
}

h1.front {
	color: #03a0a0;	
	margin-top: 0.7em;
}

.frontImage {
	float: left;
	padding: 15px;
	padding-left: 0;
	padding-top: 0;	
	color: #03a0a0;
}

.frontImageRight {
	float: right;
	padding: 15px;
	padding-right: 0;
	padding-top: 0;	
	color: #03a0a0;
}
.quote {
	padding-left: 20px;
	border: solid 0px #f4faf1;
	border-left-width: 5px;
	color: #039e9f;	
	font-size: 0.95em;
	margin-top: 2em;
}

.quote a {
	color: #667CA3;	
}

.frontImage img, .frontImageRight img, .frontImageRight a img {
	border: solid 5px #f4faf1;	
}

h2, h3 {
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	color: #03a0a0;
	margin-bottom: 0.3em;
	font-weight: normal;
	margin-top: 1em;
	line-height: 1.2em;
}


.ppl h3 {
	font-size: 1.7em;	
	margin: 0;
	padding-bottom: 0.4em;
}



h2 {
	font-size: 2em;	
}

h4 {
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	color: #667CA3;
	margin-bottom: 0.7em;
	margin-top: 0;
	line-height: 1.2em;
}

.metatekst {
	color: #667CA3;
	font-size: 0.6em;
	line-height: 1em;
	clear: both;	
	display: block;
	padding-bottom: 0.3em;
}

h1 .metatekst {
	font-size: 0.45em;	
}

.metatekst a {
	text-decoration: underline;
	color: #039e9f;
}
.kaart a {
	text-decoration: underline;	
}

.front a {
	text-decoration: underline;	
}

.artikkel {
	float: left;
}

.artikkel a.lbx {
	float: left;
	padding-right: 20px;
	padding-bottom: 15px;	
}

.mistehtud {
	padding-bottom: 3em;	
}

.mistehtud .in, .front .in {
	padding-top: 5px!important;
}

#sisu ul li, #sisu ol li {
	line-height: 1.5em;
	margin-bottom: 0.7em;
}

#sisu ul, #sisu ol {
	padding-bottom: 1.2em;	
	padding-top: 1em;
	margin-left: 2.5em;
}

.mapIcon {
	float: right;
	margin-top: -15px;	
}

#rightCol h2 a,
#rightCol h2 a:hover {
	color: #000000;
}

.kuupaev {
	color: #777;
	font-size: 0.85em;	
	margin-bottom: 5px;
}

p.frontLine {
	background-color: rgba(0, 0, 0, 0.4);
 	color: rgba(0, 0, 0, 0.4);
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	display: table;
	margin-top: 10px;
}

.dotbottom {
	padding-bottom: 0.2em;
	border: dashed 0 #efefef;
	border-bottom-width: 1px;	
}

p.dotbottom {
	font-weight: bold;
	text-transform: uppercase;	
}

p.dotbottom span {
	font-weight: normal;	
}

.frontLine span {
	color: #ffffff;	
}

.frontWord {
	overflow: hidden;	
	padding-bottom: 3em;
}

#footer .in {
	padding-top: 0;	
}

.news {
	font-size: 2.3em;
	color: #00B2B0;
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
}

.frontWord .image {
	position: absolute;
	background-repeat: no-repeat;
	float: left;
	width: 150px;
	height: 150px;	
}



h1.entry-title, h1.entry-title a {
	margin-top: 0;
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	color: #4E5B74;
	text-decoration: none;
}

.olive {
	color: #5E7754;	
}

.frontWord h1 {
	margin-top: 0;
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	line-height: 1em;
}

.sisuleht {
	margin-top: 20px;	
}

.foot {
	border: dashed 0px #ccc;
	border-top-width: 0px;
	padding-top: 1em;
	color: #fff;
	padding-bottom: 1em;
	height: 130px;	
}

.blueFoot {
	width: 100%;
	background: url('img/foot_bg.jpg') left top;
}

.frontWord h1 a,
.frontWord h1 a:link,
.frontWord h1 a:active,
.frontWord h1 a:hover {
	color: #4E5B74;
	text-decoration: none;	
	padding-left: 170px;
	float: left;	
}

.frontWord p {
	padding-top: 7px;
	font-size: 100%;
	padding-left: 170px;
	float: left;	
}

.gray {
	color: #ccc;
}

.green {
	color: #00B3B0;
}

.pildid {
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.pildid img {
	margin-bottom: 15px;
}


ul a {
	text-decoration: underline;	
}


#rightCol2 ul li {	
	margin-bottom: 15px;
	line-height: 1.2em;
	
}

#rightCol2 ul a {
	text-decoration: none;
}

#rightCol2 ul a:hover {
	text-decoration: underline;
}


#rightCol2 ul li.ACTIVE a {
	color: #667CA3;
	text-decoration: underline;
}


.ilu {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 50px;
	height:  250px;
}

.list-date {
	padding-top: 3px;
	text-decoration: none;
	color: #999;
	font-size: 0.85em;
	clear: both;
	display: block;	
}

/* map stuff */

#map {
	width: 100%;
	position: absolute;
	overflow: hidden;
	/*padding-top: 50px;*/
	height:  100%;
	background-image: url('img/debut_light.png');
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#mapHeader {
	overflow: hidden;
	position: absolute;	
	z-index: 111;
	width: 100%;
}

#map img {
	max-width: none;
}


.control-offset
{
	position: absolute; 
	top: 40px; 
	width: 78px; 
	height: 340px; 
	overflow: hidden; 
	z-index: 1000;
}

.control-offset-right
{
	position: absolute; 
	top: 55px;   
	overflow: hidden; 
	z-index: 1000;
	right: 0;
	width: 300px;
	height:40px;
}

.smallHeader {
	margin-top: 15px;
}

.headerComment {
	background-color: #f4faf1;
	color: #5e7754;
	padding: 1.4em;
	font-size: 0.95em;
	line-height: 1.4em;
	margin-bottom: 0.5em;	
}


.ppl p {
	padding-right: 2em;	
}

.ppl .row-fluid img {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	border: solid 5px #f4faf1;	
}

.ppl .row-fluid {
	padding-bottom: 1em;	
}

.tutv {
	font-size: 1em;
	line-height: 1.4em;	
	font-weight: bold;
}

/* inline text w.bg */

.highlight {
	font-size: 3.5em;
	line-height: 1.5em;
	font-family: "Exo", "Segoe WP", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0.5em;
	background-color: rgba(3, 158, 159, 0);
 	color: rgba(0, 0, 55, 0.5);
	color: #fff;
}

.highlight:before,
.highlight:after { content: "\0000a0"; }


.titleTxt {
	margin-top: 135px;	
}

.noh1 h1 {
	display: none;	
}

.oldnews {
	border: dashed 1px red;	
}

.oldnews h2 {
	margin: 0;
	font-size: 1.2em;	
}

.currentnews {
	background-color: #ff0000;	
}

ul.secondary {
	margin: 0;
	padding: 0;	
}

#sisu #rightCol2 ul,
#sisu #rightCol2 ol {

	padding-bottom: 1.2em;	
	padding-top: 1em;
	margin-left: 0;	
	font-size: 1.1em;
}


ul.uudislist {
	padding-left: 1.5em;	
	text-align: left;
}

#rightCol2 ul.secondary li {
	list-style: none;	
	margin: 0;
	margin-bottom: 3px;
}

#rightCol2 ul.secondary li a {
	padding: 5px 8px 5px 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;		
	display: block;
}

#rightCol2 ul.secondary li.current_page_item a {
	background-color: #00b2af;
	background-color: rgba(0, 0, 55, 0.1);
	color: #667CA3;
}

#sisu .in.lesspadding {
	padding: 1.5em;	
}

.bc {
	display: none;
}

.imgblock {
	float: right;
	padding-left: 1em;
	padding-bottom: 1em;	
}

.greenBox {
	background-color: #eef1ed;
	padding: 1.3em;	
	margin-left: 0!important;
	padding-left: 3.5em;
	font-size: 1.2em;
}

/*fb*/
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}


@media only screen and (max-width: 768px) {
				body { font-size:80%; /*background-image: none!important;*/} 
				.mapIcon { display: none; }
				#rightCol iframe { display:none; }
				#sisu, .smallHeader { margin-top: 0px!important; }
				#sisu li { line-height: 1.4em; margin-bottom: 0.4em; }
				#sisu .in { padding: 15px; }  
				.control-offset { display:none; }
				.control-offset-right { display:none; } 
				.menyy { width: 100%; text-align: center; }
				.menyy ul { padding-left: 12px!important; }
				h2 { margin-top: 1em; }
				h1 { font-size: 2.4em; line-height: 1.2em; margin-top: 0; }
				.highlight {
					font-size: 2.5em;
					line-height: 1em; 
				}
				.titleTxt {
					margin-bottom: 1em;
				}
				.frontImage img, .frontImageRight img {
					width: 100%;
					padding: 0;
					margin: 0;
				}
				
				.frontImage, .frontImageRight {
					padding-bottom: 0;
					padding-right: 8%;	
					width: 40%;
				}
				
				
				.artikkel {
					padding-bottom: 1.3em;	
				}
				
				.artikkel p {
					line-height: 1em;	
				}
				
				.artikkel h2 {
					margin-top: 0.2em;	
				}
				
				.fixd .header_wrapper {
					position: relative;	
				}
				
				.menyy {
					float: left;	
					text-align: center;
				}
				
				.menyy ul {
					padding-left: 0!important;	
				}
				
				.menu {
					font-size: 85%;	
					float: none;
					padding: 0;
					overflow: hidden;
					display: inline-block;
				}
				
				.titleTxt {
					display: none;	
				}
				
				#sisu {
					padding-top: 6em;	
				}
				
				#rightCol2 {
					padding-top: 20px;
					margin-top: 0;
					text-align: center;	
				}
				
				#rightCol2 ul.secondary {
					overflow: hidden;
					border: dashed 0px #ccc;
					border-bottom-width: 1px;
				}
				
				#rightCol2 ul.secondary li {
					display: inline-block;	
					margin-left: 3px;
				}
				
				#rightCol2 ul.secondary li a {
					background-color: #fff;
					display: inline-block;	
				}
				
				#rightCol2 ul.secondary li {
					float: left;
				}
				
				body {
					background-image: none!important;	
				}

				#sisu .in.lesspadding { padding-bottom: 0em; }
				
				.bc {
					display: inline-block;	
				}
				
				.site {
					text-align: center;
					float: none;
					display: block;
					padding-right: 0.3em;
					padding-left: 0.3em;
					padding-top: 0.6em;
					font-size: 0.7em;	
				}	
				
				

				a.sitename {
					font-size: 2em;
				}
				
									
				#menu-harkumenuu {
					text-align: left;
					margin-left: 140px;	
				}
				
				
				#menu-harkumenuu li {
					float: none;
					display: inline-block;
				}
					
				#harkulogo {
					left: 15px;	
				}
				
				#harkulogo img {
					width: 109px;
					height: 106px;	
				}
							
				
 }


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) { 

	#rightCol .in { padding: 23px; }
	#rightCol iframe  { width: 183px!important; background-color: #ffffff; }
	.menu {
		font-size: 90%;	
		float: left;
	} 
	

#menu-harkumenuu {
		margin-left: 100px;	
		font-size: 82%;
	}	
}
 
/* Default: 940px and up  */


/* Large desktop */
@media (min-width: 940px) {  #rightCol iframe  { width: 255px!important; background-color: #ffffff; }

#menu-harkumenuu {
		margin-left: 100px;	
		font-size: 90%;
	}	

} 
 
/* Large desktop */
@media (min-width: 1210px) {  #rightCol iframe  { width: 325px!important; background-color: #ffffff; }}


/* Landscape phones and down */
@media (max-width: 480px) {  

	#harkulogo {
		margin-left: 30px;	
	}
	
	#harkulogo img {
		width: 80px;
		height: 78px;	
	}
	
	#menu-harkumenuu {
		margin-left: 100px;	
		font-size: 80%;
	}
	
	.foot {
		padding-left: 20px;
	}
	
	.menyy {
		padding-top: 0;	
	}
	
	.menyy ul li {
		margin-top: 0;	
	}
	
	.site {
		padding-top: 0;	
	}
	
	#contentCol {
		padding-top: 45px;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 

	#harkulogo {
			margin-left: 35px;	
		}

}

#wpadminbar { z-index: 999999999 !important; }