@charset "utf-8";
/*
Theme Name: gotoAndPlay
Description: Custom wordpress theme built by gotoAndPlay OÜ
Author: gotoAndPlay OÜ
Author URI:  http://www.play.ee
Version: 1.1
© gotoAndPlay OÜ
*/
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, 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;
}
strong{
	font-weight: 700;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	line-height: 1;
	font-family: "foco_corpregular";
	color: #000;
	font-size: 16px;
}
strong{
	font-family: "foco_corpbold";
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	box-sizing: border-box;
}
.clear-fix{clear:both;}
.clear-fix:before{clear:both;}
.clear-fix:after{clear:both;}

/*-- GLOBALS --*/
#wrapper{
	width: 1009px;
	margin: auto;
}
.menu{ 	text-transform: uppercase; }
.menu li{
	display: inline;
}
ul li{
	line-height: 19px;
}
h1{
	font-size: 34px;
	font-family: "foco_corp_lightregular";
}
h2{
	color: #004783;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 6px;
	font-family: "foco_corpbold";
}
p{
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 30px;
}
#bef-topic-30 h2, #bef-topic-236 h2, .topic-link.bef-topic-30, .topic-link.bef-topic-236, .paint-nrg{ color: #c02051;}
#bef-topic-31 h2, #bef-topic-233 h2, .topic-link.bef-topic-31, .topic-link.bef-topic-233, .paint-waste{ color: #527284;}
#bef-topic-32 h2, #bef-topic-231 h2, .topic-link.bef-topic-32, .topic-link.bef-topic-231, .paint-chem{ color: #f07e11;}
#bef-topic-33 h2, #bef-topic-235 h2, .topic-link.bef-topic-33, .topic-link.bef-topic-235, .paint-heal{ color: #fcc100;}
#bef-topic-34 h2, #bef-topic-230 h2, .topic-link.bef-topic-34, .topic-link.bef-topic-230, .paint-nature{ color: #4e5e43;}
#bef-topic-35 h2, #bef-topic-229 h2, .topic-link.bef-topic-35, .topic-link.bef-topic-229, .paint-move{ color: #b0b341;}
#bef-topic-36 h2, #bef-topic-232 h2, .topic-link.bef-topic-36, .topic-link.bef-topic-232, .paint-water{ color: #5bacca;}

.searchform{display: inline-block;}
.searchform input[type=text]{border: none; padding: 0 4px; margin: 6px; width: 153px; height: 18px;}

/*-- HEADER --*/
	/*- Meta-search -*/
header .meta-nav{ margin: 11px 27px 0 0; height: 28px; text-align: right;}
header .meta-nav ul li {display: inline;}
header .meta-nav a{margin-left: 9px; text-decoration: none; letter-spacing: 0.06em; font-size: 11px; line-height: 15px;}

header .meta-search{display: inline-block; float: right;}
header .searchform{width: 165px; background-color: #004783; float: left;}
header .searchform label{display: none;}
header .searchform input[type=submit]{display: none;}

header .meta-lan{display: inline-block; float: right; line-height: 30px; padding: 0 23px; background-color: #004783;}
header .meta-lan a{color: #fff; border-left: 1px solid #fff; padding: 0 4px;}
header .meta-lan a.cur-lan{text-decoration: underline;}
header .meta-lan a:first-child{border: none;}
header .meta-lan a:hover{text-decoration: underline;}

header .meta-follow{margin: 11px 21px; display: inline-block; float: right;}
header .meta-follow a{display: inline-block; text-indent: -9999px; width: 19px; height: 19px; float: right; margin-left: 6px;}
header .meta-follow a.rss{background: url('img/icon_feed_rss.png') no-repeat top right;}
header .meta-follow a.rss:hover{background-position: bottom right;}
header .meta-follow a.fb{background: url('img/icon_feed_facebook.png') no-repeat top right;}
header .meta-follow a.fb:hover{background-position: bottom right;}

header .title-logo{padding-left: 26px; display: inline-block;}
header .title-logo img{margin-right: 9px;}
	/*- search page -*/
.page-template-search-php .content .searchform, .search .content .searchform{width: 200px; height: 30px; background-color: #004783; margin-bottom: 59px;}
.page-template-search-php .content .searchform label, .search .content .searchform label{color: #fff; padding-left: 6px;}
.page-template-search-php .content .searchform input[type=text], .search .content .searchform input[type=text]{width: 149px;}
.page-template-search-php .content .searchform input[type=submit], .search .content .searchform input[type=submit]{
	border: none;
	height: 19px;
	line-height: 19px;
	padding-left:16px;
	margin:10px 0 0 126px;
	background: url('img/arrow_right_login.png') 0 5px no-repeat #fff;
	font-family: "foco_corpbold";
	font-size: 15px;
	letter-spacing: 0.03em;
	height: 19px;
	color: #004783;
	cursor: pointer;
}
.page-template-search-php .content .searchform input[type=submit]:hover, .search .content .searchform input[type=submit]:hover{
	background-position: 0 -97px;
	color: #666;
}
.page-template-search-php .content h3, .search .content h3{margin: 6px 0;}
.page-template-search-php .content h3 a, .search .content h3 a{font-weight: bold;}
.page-template-search-php .content h3 a:hover, .search .content h3 a:hover{color: #004783; text-decoration: underline;}
.page-template-search-php .content .search-term, .search .content .search-term{font-size: 11px;}
.search .content .search-count{margin-bottom: 30px;}
.search .content .search-paging{margin-bottom: 30px;}
.search .content .search-paging .page-numbers{padding-left: 20px;}
.search .content .search-paging span.page-numbers{font-weight: bold;}

	/*- Menu -*/
header .menu{
	height: 60px;
	line-height: 60px;
	font-size: 19px;
	font-weight: bold;
}
header .menu > li{
	margin-left: 31px;
	font-family: "foco_corpbold";
	position: relative;
}
header .menu > li > a{
	border-bottom: solid 5px #004783;
}
header .menu > li a:hover{
	color: #004783;
}
.menu li.current-menu-item > a{
	color: #004783;
}
header .menu .sub-menu{
	display: none;
	background-color: #004783;
	padding: 5px 30px 7px 6px;
	position: absolute;
	left: 0;
	top: 20px;
	white-space: nowrap;
	margin-top: 5px;
	border-top: 5px solid #fff;
	z-index: 900;
}
header .menu .sub-menu > li{
	display: block;
	font-size: 15px;
	line-height: 24px;
}
header .menu .sub-menu li a{ color: #fff; text-transform: none; font-family: "foco_corpregular"; font-weight: normal; display: inline-block; white-space: nowarp}
header .menu .sub-menu li.current-menu-item a{text-decoration: underline;}
header .menu > li:hover .sub-menu{
	display: inline-block;
}
header .menu .menu-item.page-item-44 ul li a {text-decoration: none;}
header .menu .menu-item.page-item-46 ul li a {text-decoration: none;}

/*-- PAGE: HOME --*/
.home .content{float: left; width: 1009px;}
.home .content .left-col{float: left; padding-top: 0;}
.home .content .right-col{float: right; padding:0; width: 262px; margin-left: 11px;}
.home .right-col > div {margin-top: 50px;}

.home .teaser{
	margin-top: 20px;
	font-family: "foco_corpbold";
	color: #fff;
	color: #004783;
}
.home .teaser p{
	font-size: 17px;
	line-height: 18px;
	margin-bottom: 12px;
}

.home .right-col .news-ext div:last-of-type p {margin-bottom: 10px;}
.home .right-col .news-ext a.news-link {color: #004783; font-size: 15px; font-family: "foco_corpbold"; text-decoration: underline; margin-bottom: 6px; display: inline-block;}
.home .right-col .news-ext h2 a{color: #004783;}
.home .right-col .news-ext a.news-more{text-decoration: underline; display: inline-block; }
.home .right-col .news-ext a:hover{color: #004783; text-decoration: none;}
	/*- Slides -*/
#slides {
  margin:0;
  position:relative;
  width:697px;
}
#slides .slidesControl > div {
  position:relative;
}

#slides .slideInner {
  position:absolute;
  top:0;
  left:36px;
  max-width: 500px;
}

#slides .slides-text {
  display: block;
  font-family:"foco_corpbold";
  background-color:#004783;
  padding: 10px 40px;
  color:#fff;
  
}
#slides .slides-text .slide-title{
  font-size:21px;
  line-height:25px;
  display:inline-block;
  letter-spacing:0.03em;
  width:auto;
  text-transform: uppercase;
  text-align: center;
}
#slides .slides-text.energy h1 {background-color:#c02051;}
#slides .slides-text.waste h1 {background-color:#527284;}
#slides .slides-text.water h1 {background-color:#5bacca;}
#slides .slides-text.biodiversity h1 {background-color:#4e5e43;}
#slides .slides-text.sustainability h1 {background-color:#b0b341;}
#slides .slides-text.health h1 {background-color:#fcc100;}
#slides .slides-text.chemicals h1 {background-color:#f07e11;}

#slides .slides-text .slide-link {
  font-size:15px;
  font-family:"foco_corpbold";
  letter-spacing:0.1em;
  text-align: right;

  margin-right: -27px;
  padding:0 27px 0 0;
  background-image:url("img/arrow_right.png");
  background-repeat:no-repeat;
  background-position: 100% 0;
  
  text-decoration:none;
  color:#fff;
  height:17px;
  line-height:17px;
}
#slides .slides-text:hover .slide-link {
  /*background-position: 100% 0;*/
}

#slides table{
	display: none;
}
#slides > .slidesNavigation {
  display: none;
  position:absolute;
  bottom:0;
  width:0px;
  height:0px;
  
  background-color: rgba(0,0,0,0.2);
  overflow:hidden;
  
  font-size:0px;
  text-decoration:none;
  z-index:800;
}
#slides .slidesPrevious {
  left:0;
  padding:28px 32px 10px 27px;
  background-image:url("img/slides_arrow_left.png");
}
#slides > .slidesPrevious:hover {
  background-position:0 -38px;
}
#slides .slidesNext {
  right:0;
  padding:28px 27px 10px 23px;
  background-image:url("img/slides_arrow_right.png");
  background-position:-9px 0;
}
#slides > .slidesNext:hover {
  background-position:-9px -38px;
}

#slides .slidesPagination {
	margin-top: 12px;
	text-align: center;
}
#slides .slidesPagination:after{
	content: '';
	display: table;
	clear: both;
}
#slides .slidesItemContainer {
	display: inline-block;
	margin: 0 4px;
}
#slides .slidesPaginationItem {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #004783;
	border: 1px solid #004783;
}
#slides .slidesCurrent .slidesPaginationItem, #slides .slidesPaginationItem:hover{
	background-color: #fff;
}

#slides > ul.slidesPagination {
  position:absolute;
  z-index:800;
  bottom:0;
  left:59px;
  width:588px;
  background-color: rgba(0,0,0,0.2);
  color:#fff;
  font-size:15px;
  letter-spacing:0.1em;
  line-height:18px;
  
  margin:0;
  padding:0;
  list-style:none;
}
#slides > ul.slidesPagination li {
  width:147px;
  height:38px;
  display:inline-block;
  
  padding:0;
  background-image:none;
}
#slides > ul.slidesPagination li a {
  font-size:15px;
  line-height:28px;
  letter-spacing:0.1em;
  
  color:#fff;
  text-decoration:none;
  
  width:130px;
  padding:5px 0 0 5px;
  display:inline-block;
}
#slides > ul.slidesPagination li a:hover,
#slides > ul.slidesPagination li.slidesCurrent a {
  border-bottom:5px solid #fcba29;
  border-bottom:5px solid #004783;
  color:#fcba29;
  color:#004783;
}

#slides > table {
  position:absolute;
  z-index:800;
  bottom:0;
  left:59px;
  width:588px;
  background-color: rgba(0,0,0,0.2);
  color:#fff;
  font-size:15px;
  letter-spacing:0.1em;
  line-height:18px;
  
  margin:0;
  padding:0;
  list-style:none;
}
#slides > table td {
  height:38px;
  padding:0;
  background-image:none;
  vertical-align:top;
}
#slides > table td a {
  font-size:15px;
  line-height:27px;
  letter-spacing:0.1em;
  
  color:#fff;
  text-decoration:none;
  
  padding:0;

  display:block;
  padding:6px 0px 0 5px;
  margin:0 12px 0 0;
}
#slides > table td a:hover,
#slides > table td.slidesCurrent a {
  border-bottom:5px solid #fcba29;
  border-bottom:5px solid #004783;
  color:#fcba29;
  color:#004783;
}
	/*- Shortcuts -*/
.topic-quick{margin: 26px 0; position: relative; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; border-collapse: collapse}
.topic-quick h2{text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px;}
.topic-quick .topic-row{display: table-row;}
.topic-quick .topic-large{display:table-cell; border: 1px solid #ededed; padding: 10px;}
.topic-quick .topic-large:nth-child(2n){clear: left;}
.topic-quick .topic-small{position:relative;}
.topic-quick .topic-small:after {content: ''; clear: both; display: table}
.topic-quick .topic-small img{ float: left;}
.topic-quick .topic-small > span{
	position: absolute;
	bottom: 0;
	padding: 0 10px 0 5px;
	font-family: "foco_corpbold";
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.2;
}
.topic-quick .topic-content{margin-top: 14px;max-width: 350px;}
.topic-quick .topic-content p{margin: 0;}

.topic-quick .topic-large.bef-topic-30:hover, .topic-quick .topic-large.bef-topic-236:hover{ background-color: rgba(192, 32, 81, 0.2);}
.topic-quick .topic-large.bef-topic-31:hover, .topic-quick .topic-large.bef-topic-233:hover{ background-color: rgba(82, 114, 132, 0.2);}
.topic-quick .topic-large.bef-topic-32:hover, .topic-quick .topic-large.bef-topic-231:hover{ background-color: rgba(240, 126, 17, 0.2);}
.topic-quick .topic-large.bef-topic-33:hover, .topic-quick .topic-large.bef-topic-235:hover{ background-color: rgba(252, 193, 0, 0.2);}
.topic-quick .topic-large.bef-topic-34:hover, .topic-quick .topic-large.bef-topic-230:hover{ background-color: rgba(78, 94, 67, 0.2);}
.topic-quick .topic-large.bef-topic-35:hover, .topic-quick .topic-large.bef-topic-229:hover{ background-color: rgba(176, 179, 65, 0.2);}
.topic-quick .topic-large.bef-topic-36:hover, .topic-quick .topic-large.bef-topic-232:hover{ background-color: rgba(91, 172, 202, 0.2);}

.topic-quick .topic-row + .topic-link{margin-top: 18px;}
.topic-quick .topic-link a{text-decoration: underline;}
.topic-quick .topic-link a:hover{text-decoration: none; color: #004783}

.prj-quick .a-prj{
	display: inline-block;
	margin: 2px 2px 5px 0;
}
.prj-quick .a-prj.end{
	margin-right: 0;
}
.prj-quick .a-prj a{ display: block; width: 100%;}
.prj-quick .a-prj img { max-width: 100%;}

.prj-quick h2 {
	font-size: 21px;
}

/*-- CONTENT --*/
.content{
	min-height: 200px;
	padding: 0 0 90px 0;
}
.content ul li{
	font-size: 16px;
	padding: 2px 107px 3px 15px;
	text-indent: -12px;
}
.content ul li:before{
	content: "–\00a0\00a0";
	margin: 0 2px 0 -2px;	
}
.single-bef_teema .content{ float: left;}
.content .left-col{
	float: left;
	width: 701px;
	padding: 29px 0 0 31px;
}
.content .left-col:after{
	content: '';
	display: table;
	clear: both;
}
.content .right-col{
	float: right;
	width: 221px;
	padding: 29px 43px 0 13px;
}

/*-- PAGE: NEWS--*/
.news{ float: left;}
.news .news-img, .single .news-img{float: right;}
.news .post, .single .left-col{clear: both;}

.right-col.archive {
	width: 300px;
	padding: 29px 23px 0 23px;
}
.right-col.archive h4{
	color: #004783;
	font-size: 16px;
	line-height: 18px;
	margin: 6px 0;
	font-family: "foco_corpbold";
}
.right-col.archive a{
	margin: 0 0 6px 14px;
	display: inline-block;
	line-height: 12px;
}
.right-col.archive a:hover{text-decoration: underline;}

/*-- PAGE: GROUP --*/
.meist .content .sub_page{margin-bottom: 12px}

/*-- PAGE: TOPICS --*/
.topics.right-col{ width: 242px; position: relative}
.topics.right-col .topic-small{ display: inline-block; }
.topics.right-col .topic-small a{ display: inline-block;}
.topics.right-col .topic-small > span{
	display: none;
	position: absolute;
	left: 0;
	padding-left: 13px;
	font-size: 16px;
	font-family: "foco_corpbold";
	text-transform: uppercase;
}
.topics.right-col .topic-small:hover > span{ display: block;}
.attachment-bef-topic-icon-half{margin-left: -2px;}

.page .bef_teema{ width: 935px; padding-top: 29px; margin-left: 31px; margin-bottom: 25px; border-bottom: 1px solid #004783;}
.bef_teema h2{ text-transform: uppercase;}
.bef_teema img{margin-bottom: 10px;}
	/*- Project list -*/
.bef_teema .prj-toggle{display: inline-block; color: #004783; font-size: 18px; font-family: "foco_corpbold"; padding-bottom: 8px;}
.bef_teema .prj-toggle:hover{color: #666;}
.bef_teema .prj-toggle.open{color: #666;}
.bef_teema .prj-list{line-height: 19px; width: 596px; padding-right: 105px; display: none;}
.bef_teema .prj-list .prj-single{padding: 6px 0; border-bottom: 1px solid #004783;}
.page .bef_teema .prj-list .prj-single:last-child{border-bottom: none;}
	/*- Single topic-*/
.single .bef_teema h2.prj-title{color: #004783!important;}
.single .bef_teema p{padding-right: 105px;}
.single .bef_teema.right-col p{ padding: 0;}
.single .bef_teema.right-col img{max-width: 100%;}
.single .bef_teema .prj-list{display: block;}
	/*- Single project-*/
.single .left-col{float: left;}
	
/*-- PAGE: PUBLICATIONS --*/
.left-col.publish {padding-left: 0;}
.publish .bef_teema > img{margin-bottom: 26px;}
.publish .issue{margin: 0 0 20px 34px; padding-left: 21px; width: 585px; background: url('img/arrow_down.png') no-repeat 1px 3px;}
.publish .issue.empty{background: none;}
.publish .issue.hover{background-position: 1px -97px;}
.publish .issue a .file-type{text-transform: uppercase;}
.publish .issue a{text-decoration: underline;}
.publish .issue a:hover{text-decoration: none; color: #004783;}

/*-- PAGE: CONTACT --*/
.person{ border-bottom: 1px solid #004783; margin: 7px 0 20px; padding-right: 8px;}
.person a{ text-decoration: underline;}
.person a:hover{text-decoration: none; color: #004783;}
.person .main-info h2{margin-left: 137px;}
.person .main-info p{margin-left: 137px;}
.person .main-info > img{ float: left; }
.person .main-info .contact-flags{ clear: both; margin-bottom: 24px;}
.person .main-info .contact-flags > img{ float: right; margin-left: 6px;}
.person .add-info {margin-left: 137px; display: none;}
.person .add-info > img{margin-left: -70px; float : left}
.person .add-info > strong{ font-size: 16px;}
.person .add-info > ul{ margin-bottom: 42px;}
.person .more-link{ padding: 4px 0 12px 0; text-align: right; display: block; font-size: 16px; clear: both;}

/*-- FOOTER --*/
footer{
	color: #666;
}
footer .menu{
	font-family: "foco_corpbold";
	margin: 0 31px;
	padding-bottom: 8px;
	border-bottom: 1px solid #b2b2b2;
}
footer .menu li.menu-item{
	padding: 0 15px;
	border-left: 1px solid #b2b2b2;
}
footer .menu li.menu-item:first-child{
	padding-left: 0;
	border: none;
}
footer .menu a{color: #666;}
footer .menu a:hover{color: #004783;}

footer .foot-menu{margin: 0 31px;}
footer .foot-menu .sub-foot{width: 300px; float: left; padding-top: 10px}
footer .foot-menu h3{
	font-family: "foco_corpbold";
	font-size: 16px;
	text-transform: uppercase;
	margin: 10px 0 1px 0;
	display: none;
}
footer .sub-menu-three h3{display: block;}
footer .foot-menu .menu, footer .foot-menu .sub-menu .menu-item{border: none;}
footer .foot-menu .menu{margin: 0;}
footer .foot-menu .menu .sub-menu li.menu-item{display: block; padding: 0; font-family: "foco_corpregular"; /*text-transform: capitalize*/;}

#menu-jalus-1 .sub-menu li.current-menu-item a, #menu-jalus-1-english0 .sub-menu li.current-menu-item a{color: #666;}
#menu-jalus-3 .menu-item, #menu-jalus-3-english0 .menu-item{border: none; display: block; padding: 0; font-family: "foco_corpregular"; /*text-transform: capitalize*/;}

footer .affiliates{
	margin-top: 25px;
	padding: 22px 31px;
	background-color: #dbdbdb;
}
footer .affiliates > a{
	display: inline-block;
	height: 70px;
	border-left: 1px solid #c7c6b5;
}
footer .affiliates > a:first-child{
	border: none;
}
footer .affiliates .aff-eu{
	display: block;
	color: #999;
	font-size: 12px;
	height: 19px;
	margin: 12px 0 0 11px;
	padding: 5px 0 0 39px;
	letter-spacing: 0.06em;
	background: url('img/icon_eu.png') no-repeat left;
}
.footer-info{margin: 15px; padding-left: 27px; font-size: 15px;}

em {
  font-style: italic;
}