/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


nav{
}

.main-navigation{
	height:50px;
	margin:0px;
	display:block;
}
.menu-open{
	display:none;
}
.content.side-column-sub-nav{
	box-shadow:none;
}

@media (max-width: 1023px) {
	.main-navigation{
		height:auto;
		display:none;
	}
	.main-navigation.open{
		display:block;
	}
	.menu-open{
		display:block;
		text-align:center;
		background-color:#508e35;
		color:white;
		cursor:pointer;
		font-size:18px;
		font-weight:bold;
		padding:15px 0px 15px 0px;
	}
}
/*------------------*/
/* Ensimm�inen taso */
/*------------------*/
nav > ul{
	margin:0px;
	padding:0px;
	display:block;
	background-color:#508e35;
	width:100%;
	position:relative;
	float:left;
	list-style:none;
}

nav > ul  > li{
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
	position:relative;
	margin-right:0px;
	float:left;
}

nav > ul > li > ul{
	display:none;
	background-color:white;
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	z-index:2000;
	left:-1px;
	text-align:left;
	border:0px;
	border-top:0px;
}
nav > ul > li:hover > ul{
	text-align:left;
	display:block;
}
nav > ul > li > a{
	padding:15px 16px 15px 16px;
	box-shadow: inset 1px 0px 0px rgba(50,90,35,0.80);
	color:white;
	display:block;
	text-align:center;
	
	-webkit-transition: .4s;
	-moz-transition: .4s;
    transition: .4s;
}
@media (max-width: 1023px) {
	
	nav > ul.main-menu  > li{
		float:none;
		width:100%;
		text-align:center;
	}
	nav > ul > li:hover > ul{
		text-align:left;
		display:none;
	}
	nav > ul > li > a{
		padding:15px 0px 15px 0px;
		box-shadow: none;
	}

}

nav > ul > li:last-of-type > a{
	box-shadow: inset -1px 0px 0px rgba(50,90,35,0.80), inset 1px 0px 0px rgba(50,90,35,0.80);
}
nav ul > li > a.home-icon{
	box-shadow: none;
}
nav ul li:hover > a{
	background-color:white;
	color:#508e35;
	box-shadow: none;
	box-shadow: inset 1px 0px 0px rgba(50,90,35,0.60);
}
/*---------------*/
/* Toinen taso   */
/*---------------*/
nav > ul > li > ul.visible{
	border:1px solid #508e35;
	/*width: 300px;'*/
}
nav > ul > li  ul{
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}
nav > ul > li > ul li{
	/*width:100%;*/
}

nav.main-navigation > ul > li > ul > li {
	position:relative;
}
/*---------------*/
/* Kolmas taso   */
/*---------------*/
nav.main-navigation > ul > li > ul > li > ul{
	display:none;
	opacity:0;
	position:absolute;
	z-index:10;
	/*width:250px;
	right:-250px;
	left:250px;*/
	margin-left:100%;
	top:0px;
	background-color:white;
	list-style:none;
	padding:0px;
	-webkit-transition: .6s;
	-moz-transition: .6s;
    transition: .6s;
}
nav.main-navigation > ul > li > ul > li:hover > ul{
	display:block;
	opacity:1;*
}

nav.main-navigation > ul > li > ul > li > ul  a:hover{
	background-color:rgba(80,142,53,0.8);
}
/*---------------*/
/* Nelj�s taso   */
/*---------------*/
nav.main-navigation > ul > li > ul > li > ul  ul{
	display:none;
}

nav > ul > li > ul li a{
	text-align:left;
	color:#508e35;
	padding:8px 16px 8px 16px;
	display:block;
	 white-space: nowrap;
}
 nav > ul > li > ul li:hover a{
	background-color:#508e35;
	color:white;
}


nav ul li.current_page_item > a, nav > ul > li.current-page-ancestor > a{
	background-color:white;
	color:#d2d2d2;
	color:#508e35;

}
nav ul li.current_page_item a.home-icon {
    background-color: white;
	/*background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/home_icon.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/home_icon.png);
}

.menu-item a.home-icon{
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/home_icon.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/home_icon.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:center center;
	width:20px;
}
.menu-item a.home-icon span{
	display:none;
}
@media (max-width: 1023px) {
	
	/*nav ul li ul, nav ul li.current_page_item  ul, nav > ul > li.current-page-ancestor  ul{
		display:block;
	}*/
	
	nav ul li.current_page_item a.home-icon {
		background-image: none;
	}
	.menu-item a.home-icon{
		background-image: none;
		color:white;
		width:100%;
		text-align:center;
	}
	.menu-item a.home-icon span{
		display:inline;
		color:white;
	}
	.menu-item.current_page_item  a.home-icon span{
		display:inline;
		color:#508e35;
	}
}


/*----------------
 Menu secondary
 ----------------*/
.menu.secondary{
	position:absolute;
	z-index:50;
	top:0px;
	right:0px;
	width:auto;
	background-color:#127fb4;
	padding-left:140px;
}
@media (max-width: 1023px) {
	.menu.secondary{
		margin:1px;
		position:relative;
		padding-left:0px;
		width:100%;
	}
}

.menu.secondary li{
	margin-right:0px;
	display: inline-block;
}
.menu.secondary li a{
	padding: 10px 12px 10px 12px;
	font-size:90%;
    background-color: #333333;
    background-color: #127fb4;
    color: white;
    display: block;
    text-align: center;
	box-shadow: inset 1px 0px 0px rgba(0,0,0,0.20), inset -1px 0px 0px rgba(256,256,256,0.20);
}
@media (max-width: 1023px) {
	ul.menu.secondary {
		text-align:center;
	}
	ul.menu.secondary li{
		margin-right:0px;
		display: inline-block;
		float:none;
	}
	.menu.secondary li a{
		box-shadow: none;
		font-size:80%;
	}
}
.menu.secondary li#menu-item-126{

	
}
.menu.secondary li.menu-item-126 a{
	padding-left:35px;
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock.png);
	background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock_white.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/icon_lock_white.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.menu.secondary li.menu-item-126 a:hover,
.menu.secondary li.menu-item-126.current_page_item a{
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/icon_lock.png);
}
.menu.secondary li#menu-item-126 a.open{
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock_open.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/icon_lock_open.png);
}
.menu.secondary li a:hover{
	color:#127fb4;
	background-color: #454545;
	background-color: #fff;
}
/*-------------------
  Extranet button
 -------------------*/
a.extranet{
	background-color: #127fb4;
	display:inline-block;
	padding:7px 15px 7px 7px;
	border-radius:5px;
	color:white;
	clear:both;
	float:left;
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock_white.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/icon_lock_white.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:8px 5px;
	padding-left:35px;
}
a.extranet:hover{
	font-weight:bold;
	color:white;
}
a.extranet.open{
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock_open.png);*/
	background-image: url(https://www.birdlife.fi/wp-content/themes/birdlife/img/icon_lock_open.png);
}
@media (max-width: 1023px) {
	a.extranet{
		float:none;
		margin: 20px auto 20px auto;
	}
}
/*-------------------
 Search
 -------------------*/
.searchform{
	display:block;
	margin:7px 10px 0px 10px;
	clear:both;
}
@media (max-width: 1023px) {
	.searchform{
		/*display:none;*/
	}
	
	
	    
	
	.inpage-search .searchform{
		display			: block;
		margin			: 0px;
	}
	.inpage-search .searchform label{
		font-size		: 12px;
		margin-bottom	: 5px;
	}
}

@media (max-width: 767px) {
	ul.secondary li.searchform-li{
		display			: block;
	}
	ul.secondary li.searchform-li input#s{
	    padding			: 7px;
		width			: 200px;
		display			: inline-block;
		margin-bottom	: 11px;
	}
	ul.secondary li.searchform-li input[type=submit]#searchsubmit{
		display			: inline-block;
		float			: none;
		padding			: 11px;
		font-size		: 13px;
		background-color: rgba(256,256,256,0.3);
	}
}

 .searchform label{
	display:none;
}
#searchsubmit{
	border:0px;
	margin-top: 0px;
	margin-left:6px;
	background-color:#508e35;
	color:white;
	font-size:80%;
	line-height:80%;
	padding:6px 7px 7px 7px;
	line-height:80%;
	border-radius:2px;
	float:right;
	
}

#searchsubmit:hover{
	background-color:#2f92c9;
}
#s{
	border:0px;
	width:100px;
	margin-bottom:1px;
	line-height:80%;
	font-size:90%;
	padding:2px 2px 2px 5px;
}

.search-result-item{
	display:block;
	margin:0px 0px 10px;
	
}
.search-result-item a{
	display:block;
	font-size:160%;
	font-weight:bold;
	margin:0px;
}
.search-result-item a.permalink{
	display:block;
	font-weight:normal;
	font-size:80%;
}
.search-result-item p{
	font-size:80%;
	margin:0px;
}

.inpage-search{
	float:left;
	clear:both;
	margin-bottom:20px;
	float:right;
}

.inpage-search label{
	display:block;
	float:left;
	margin-right:10px;
	padding-top:3px;
}
.inpage-search input[type="text"]#s{
	padding:3px;
	width:220px;
}
.inpage-search input[type="submit"]#searchsubmit{
	padding: 8px 11px 9px 11px;
}
/*---------------------
 Subnavigation
 --------------------*/
.mobile-subnav{
	display:none;
}
@media (max-width: 1023px) {
	.sub-nav{
		display:none;
	}
	.side-column-sub-nav{
		display:none;
	}
	.mobile-subnav{
		display:block;
	}
	.mobile-subnav .sub-nav{
		display:block;
	}
	.mobile-subnav .content{
		padding: 0px 0px 10px 0px;
		box-shadow: none;
	}
	.mobile-subnav .content{
		text-align:center;
	}
	.mobile-subnav ul > li{
		display		: block !important;
	}
	/*.depth-3 .mobile-subnav ul > li{
		display		: none !important;
	}*/
	.mobile-subnav ul ul{
		display:none !important;
	}
}

ul.navigation.sub-navigation{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.navigation.sub-navigation .children{
	margin:3px 0px 0px 0px;
	padding-left:0px;
	
}

ul.navigation.sub-navigation li{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.navigation.sub-navigation li a{
	color:#508e35;
	display:block;
	padding:8px 0px 8px 0px;
	
	-webkit-transition: .4s;
	-moz-transition: .4s;
    transition: .4s;
}
ul.navigation.sub-navigation li a:before{
	content: "\00BB\ ";
}
ul.navigation.sub-navigation li.current_page_item>a{
	/*background-color:#ebf1f4;
	background-color:rgba(80,142,53,0.1);*/

	padding:8px 0px 8px 10px;
	margin-left: -0px;
}
ul.navigation.sub-navigation > li.current_page_item>a{
	padding:8px 0px 8px 0px;
}

ul.navigation.sub-navigation li a:hover{
	padding:8px 0px 8px 5px;
	/*color:secondary_navi_color;*/
	/*content: "\00BB\";*/
}

ul.navigation.sub-navigation > li > ul {
	display:none;
}
ul.navigation.sub-navigation .current_page_ancestor ul, ul.navigation.sub-navigation .current_page_item ul  {
	display:block;
}

/*Subnav toinen taso*/
ul.navigation.sub-navigation ul.children > li > a {
    text-align:left;
	padding: 8px 0px 7px 10px;
	box-shadow: none;
    border-left:1px dotted rgba(80,142,53,0.6);
	font-size:13px;
}
ul.navigation.sub-navigation ul.children > li > a:before {
	content: none;
}
ul.navigation.sub-navigation ul.children > li > a:hover {
	padding: 8px 0px 7px 12px;
}
ul.navigation.sub-navigation ul.children > li{
	padding:0px;
	margin:0px;
}

/* Subnav kolmas taso */
.depth-2 ul.navigation.sub-navigation > li,
.depth-3 ul.navigation.sub-navigation > li{
	display:none;
}
.depth-2 ul.navigation.sub-navigation > li.current_page_ancestor,
.depth-3 ul.navigation.sub-navigation > li.current_page_ancestor{
	display:block;
}

ul.navigation.sub-navigation ul.children > li > ul{
	margin-left:5px;
	display:none;
}
ul.navigation.sub-navigation ul.children > li > ul a{
	border-left:0px;
}
ul.navigation.sub-navigation ul.children > li > ul a:before{
	content: "- ";
}ul.navigation.sub-navigation ul.children > li > ul > li.current_page_item a:before{
	content: "\25AA\ ";
}


ul.navigation.sub-navigation ul.children > li:hover > ul{
	/* Do not show third level navigation hover display:block;*/
}
ul.navigation.sub-navigation ul.children > li.current_page_item > ul{
	display:block;
}
ul.navigation.sub-navigation ul.children > li.current_page_ancestor > ul{
	display:block;
}

/*------------
 Social
-------------*/
.social{
	width:132px;
}

.social-item{
	float:left;
	width:	35px;
	height:	auto;
	margin-right:6px;
}
.social-item:last-child{
	margin-right:0px;
}
.social-item img{
	width:100%;
	height:auto;
}
.social-item.twitter {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: black;
	border-radius: 50%;
	width: 35px;
	height: 35px;
}
.social-item.twitter img {
	object-fit: contain;
	width: 20px;
	height: 20px;
	margin-left: 2px;
}

header .social{
	position:absolute;
	z-index:100;
	right: 484px;
    top: 3px;
}

header .social .social-item{
	width:	29px;
	height:	29px;
	margin-right:10px;
}

footer .social{
	margin:0px auto 0px auto;
}

@media (max-width: 1023px){
	footer .social{
		margin:30px auto 0px auto;
	}
}
@media (max-width: 1023px) and (min-width: 600px) {
	
	header .social{
		right: 10px;
		top:4px;
		width:auto;
	}
	header .social .social-item:last-of-type{
		margin-right:0px;
	}
	
}





/*-------------------
 Breadcrumbs
---------------------*/
.breadcrumbs{
	margin-bottom:10px;
}
.breadcrumbs a:after{
	content: " \203A\ ";

}
.breadcrumbs a{
	font-size:80%;
	color:grey;
}


/*--------------------------
 Some Share buttons
 ---------------------------*/
 .frontpage  .share-buttons-container{
	margin:0px 0px 0px 0px;
	border-top:0px;
	padding-top:0px;
 
 }
 .share-buttons-container{
	margin			: 40px 0px 20px 0px;
	/*border-top:1px dashed rgba( 0,0,0,0.5);*/
	padding-top		: 20px;
	clear			: both;
}

.share-buttons-container a.at-svc-facebook {
	padding-right:5px;
	padding-left:0px;
}
.share-buttons-container a {
  display: inline-block;
  margin: 0 2px 5px;
  padding: 5px 0 5px 5px;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  /*width:145px;*/
}
.share-buttons-container a:hover{
	color:white;
} 
@media (max-width: 1023px) {
	.share-buttons-container a {
		width:auto;
		padding: 3px 0 3px 3px;
		margin: 0px 0px 0px 0px;
		display: block;
		float: left;
	}
	.share-buttons-container a:nth-child(1),.share-buttons-container a:nth-child(2) {
		margin-right:2px;
	}
}
a.at-svc-facebook {
  background: #305891;
}

.at4-icon.aticon-facebook {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.439%2010.95h4v-4.95h-4c-3.311%200-6%202.92-6%206.5v2.5h-4v4.97h4v12.03h5v-12.03h5v-4.97h-5v-2.55c0-.86.532-1.5%201-1.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
}
.at4-icon.aticon-twitter {
  /*background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.67%209.38c-.779.35-1.63.58-2.51.69.9-.54%201.6-1.4%201.92-2.42-.85.5-1.78.87-2.78%201.06-.8-.85-1.94-1.38-3.19-1.38-2.42%200-4.379%201.96-4.379%204.38%200%20.34.04.68.11%201-3.64-.18-6.86-1.93-9.02-4.57-.38.65-.59%201.4-.59%202.2%200%201.52.77%202.86%201.95%203.64-.72-.02-1.39-.22-1.98-.55v.06c0%202.12%201.51%203.89%203.51%204.29-.37.1-.75.149-1.15.149-.28%200-.56-.029-.82-.08.56%201.74%202.17%203%204.09%203.041-1.5%201.17-3.39%201.869-5.44%201.869-.35%200-.7-.02-1.04-.06%201.94%201.239%204.24%201.97%206.71%201.97%208.049%200%2012.45-6.67%2012.45-12.45l-.01-.57c.839-.619%201.579-1.389%202.169-2.269z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;*/
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 462.799"><path fill="%23fff" fill-rule="nonzero" d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/></svg>');
  background-repeat: no-repeat;
}

.at4-icon.aticon-whatsapp {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.2%204.76c-6.05%200-10.95%204.9-10.95%2010.95%200%202.07.57%204%201.57%205.649l-1.98%205.881%206.06-1.94c1.57.87%203.37%201.36%205.29%201.36%206.05%200%2010.951-4.9%2010.951-10.95.019-6.05-4.891-10.95-10.941-10.95zm0%2020.07c-1.85%200-3.58-.561-5.02-1.51l-3.5%201.119%201.14-3.39c-1.09-1.5-1.74-3.35-1.74-5.35%200-5.03%204.09-9.12%209.12-9.12s9.12%204.09%209.12%209.12c0%205.041-4.09%209.131-9.12%209.131zm5.14-6.63c-.27-.15-1.619-.88-1.88-.98-.26-.1-.44-.159-.63.12-.2.27-.76.88-.93%201.061-.17.18-.33.199-.61.05-.271-.15-1.16-.48-2.2-1.47-.8-.771-1.33-1.71-1.48-1.99-.15-.29%200-.43.14-.57l.44-.47c.15-.15.2-.27.3-.46.1-.18.06-.35-.01-.49-.06-.14-.57-1.54-.78-2.11-.21-.57-.45-.48-.61-.49l-.53-.04s-.49.05-.76.32-1.01.92-1.07%202.3.9%202.74%201.03%202.93c.13.19%201.82%203.17%204.62%204.4%202.8%201.229%202.82.85%203.33.83.511-.031%201.681-.61%201.94-1.261.26-.64.279-1.2.209-1.319-.059-.131-.25-.211-.519-.361z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
}

.at4-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-size: 32px!important;
}
@media (max-width: 1023px) {
	.at4-icon {
	  width: 26px;
	  height: 26px;
	  line-height: 26px;
	  background-size: 26px!important;
	}
}
.at-share-btn span {
	display: block;
	float: left;
	cursor: pointer;
}
.share-buttons-container a .label {
	font-size: 12px;
	padding: 1px 0px 0 0;
	margin: 0 2px 0 5px;
	height: 32px;
	line-height: 32px;
	background: 0 0;
	font-weight:normal;
	text-align:left;
}
@media (max-width: 1023px) {
	.share-buttons-container a .label {
		height: 25px;
		line-height: 25px;
		margin: 0px;
	}
	
}
.share-buttons-container a .at4-share-count-container{
	  text-decoration: none;
	  float: right;
	  padding-left:4px;
	  padding-right: 10px;
	  
	  font-size: 12px;
}

@media (max-width: 1023px) {
	.facebook-like{
		display:none;
	}
}

body{
	background-color:#5b98c7;
	background-size:cover !important;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family: Open Sans;
	color:#201f1f;
	text-rendering: optimizelegibility;
}
a{
	text-decoration:none;
	color:#006eab;
}
a:hover{
	text-decoration:none;
	color:#006eab;
}

h1,h2,h3,h4,h5{
	font-family: Roboto slab;
}
h1{
	font-size: 250%;
	line-height:100%;
	font-weight: 500;
	color:#006eab;
	margin: 0px 0px 30px 0px;
	text-align:center;
	
}

@media (max-width: 1023px) {
	h1{
		margin: 0px 0px 20px 0px;
	}
}

h2,h3,h4,h5{
	font-family: Open Sans;
	margin:10px 0px 0px 0px;
}
h2{
	font-size: 180%;
}
h3{
	font-size: 160%;
}
h4{
	font-size: 140%;
}
h5{
	font-size: 120%;
}
h6{
	font-size: 100%;
}


p{
	margin-top:5px;
}

.text-small{
	font-size:80%;
}
.alignleft{ 	float:left;}
.alignright{ 	float:right;}
.wp-caption.alignleft{
	margin-right: 25px;
	margin-left: 5px;
    margin-bottom: 5px;
}
.wp-caption.alignright{
	margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.wp-caption-text{
	font-size:80%;
	margin:5px 0px 10px 0px;
	text-align:center;
}

@media (max-width: 1023px) {
	
	.wp-caption{ margin-bottom: 20px; }
	.wp-caption.alignleft{
		max-width:100%;
		width: 100% !important;
		float:none;
		margin:0px auto 20px auto;
	}
	.wp-caption.alignright{
		max-width:100%;
		width: 100% !important;
		float:none;
		margin:0px auto 20px auto;
	}
}

.container h1:last-child{
	margin:0px;
}

.frontpage .content h1{
	font-size:200%;
	margin-bottom:10px;
}
p:first-child{
	margin-top:0px;
}

.wrapper{

}
.container-main{
	max-width:1024px;
	max-width:1600px;
	margin-bottom:200px;
}
.container{
	position:relative;	
}


.container .main-image, .column .main-image{
	width:44%;
	margin:30px 0px 0px 20px;
	float:right;
	background-size:cover;
	background-position:center center;
	margin-bottom:10px;
}
 .column .main-image{
	margin-bottom	: 10px;
	width			: 100%;
	/*width			: 40%;*/
	margin			: 0px 5px 10px 3px;
	margin			: 0px 5px 25px 3px;
	/*margin			: 0px 5px 25px 25px;*/
}

@media (max-width: 1023px) {
	.container .main-image, .column .main-image{
		width:100%;
		float:none;
		margin:0px 0px 15px 0px;
	}
}

@media (min-width: 1300px) {
	.column .main-image{
		width			: 100%;
		margin			: 0px 0px 25px 25px;
	}
}

.container .main-image.widescreen{
	overflow:hidden;
}

.container .main-image img, .column .main-image img{
	width:100%;
	height:auto;
	display:block;
}

.content-main{
	margin-top:5px;
}

.content-main img{
	max-width:100%;
	height:auto;
}

@media (max-width: 1023px) {
	.content-main{
		margin-top:0px;
	}
	.content.main-content img{
		width:100% !important;
		height:auto;
	}
}

.content-main img.alignright{
	margin-left:2%;
}
.content-main img.alignleft{
	margin-right:2%;
}

.content, footer{
	clear:both;
	background-color:white;
	padding:15px;
	box-shadow: 0px 0px 5px rgba( 0,0,0,0.2);
}
.content.no-shadow{
	box-shadow: none;
}
.content.separate{
	margin-top:1px;
}
.content.separate.sponsors{
	margin-top:1px;
}
.content.separate:first-child{
	margin-top:0px;
}
/*--------------
 Posts
 --------------*/
.post-publish-date{
	display			: block;
	margin			: 10px 0px 10px 0px;
}
.post-list-item{
	margin-bottom:18px;
}
.post-list-item .post-meta{
	display:block;
	font-size:90%;
}
.post-list-item a{
	font-size:120%;
	line-height:20px;
}
.post-list-year{
	margin-bottom:15px;
	display:block;
}
/*-------------
 Bannerit
 ------------*/
 .content.services{
	padding:10px;
 }
.content.tiira-link, .content.lintuvaruste-link{
	padding:0px;
	width:100%;
	box-shadow:none;
}
.content.tiira-link img, .content.lintuvaruste-link img{
	display:block;
	width:100%;
	height:auto;
}
/*------------
 footer
-------------*/
footer{
	margin-top:1px;
	text-align:center;
	font-size:90%;
	z-index:10;
}

/*------------
 Attachments
-------------*/
.attachments-container{
	padding:10px;
}

.attachment-item{
	padding:15px 15px 15px 45px;
	display:block;
	background-repeat:no-repeat;
	background-position: 10px 10px;
	background-size:22px auto;
	
	border-top: 1px solid rgba(0,110,171,0.1);
}
.attachment-item:hover{
	background-color: rgba(0,110,171,0.1);
}


.center{
	margin-right:auto;
	margin-left:auto;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clear{
	clear:both;
}
table{
	border: auto solid #d9d9d9;
}
table td{
	padding:5px;
}
@media (max-width: 1023px) {
	table td img{
		width:100%;
	}
}

.dataTables_wrapper{
	display:none;
}
/*------------
 Forms
-------------*/

input[type='submit']{
	padding:10px 20px 10px 20px;
	background-color: #508e35;
	color:white;
	border:0px;
	border-radius:2px;
}
label.gfield_label{
	margin-bottom:0px !important;
	margin-top:15px !important;
}

form .validation_error{
	background-color:#ba5454;
	border:0px !important;
	padding: 10px 20px 10px 20px !important;
	border-radius:2px;
	color:white !important;
}

form .gfield.gfield_error{
	border:0px !important;
}

/* small screens */
footer .column{
	clear:both;
	margin-top:10px;
}
/*footer .column .extranet{
	display:inline-block;
	margin: 0px auto 0px auto;
}*/
.hidden{
	display:none !important;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 1024px) {
	.wrapper{
		padding-right:50px;
		padding-left:50px;
		
	}
	.main-container{
		
	}
	
	.logo{
		width:180px;
		height:auto;
		margin:5px 0px 5px 0px;
		border-radius:5px;
	}
	
	.content, footer{
		padding:30px;
	}
	
	h1{
		text-align:left;
	}
	footer .column{
		clear:none;
		margin-top:0px;
	}
	/*------------
	 colums
	-------------*/
	.column-right{ 	float:right;	}
	.column-center{ float:left;		}
	.column-center-2{ float:left;		}
	.column-left{ float:left;		}
	aside{ 	float:left; 	}

	.content-main .column-right{
		width:75%;
		float:left;
	}
	
	.content-main aside{
		width:24.9%;
		float:right;
		position:relative;
	}
	
	.content-main aside.sticky .sticky-container{

		bottom:0px;
	}
	/*.flip .content-main .column-right{ 	float:right; 	}
	.flip .content-main aside{	float:left; 	}*/
	
	footer .column-left, footer .column-center, footer .column-center-2, footer .column-right{
		width:24.25%;
		background-color:white;
		text-align:left;
	}
	footer .column-center{   	width:54.5%;  }
	/*.footer .column-center-2{	width:27.25%;  }*/
	footer .column-right{   	width:18.25%; text-align:center; }
	
	footer .column-left, footer .column-center, footer .column-center-2{
		margin-right:1%;
	}

	.hidden{
		display:none;
	}

}

/*-------------
 Header
 ------------*/
header{
	position:relative;
	background-color:white;
}
@media (min-width: 1224px) {
	header{
		background-repeat:no-repeat;
		/*background-image:url( http://ddr.fi/birdlife/wp-content/uploads/2015/11/ylapalkki_tausta.png );*/
		background-image:url( https://www.birdlife.fi/wp-content/uploads/2015/11/ylapalkki_tausta.png );
	}
}
header .description{
	font-size:300%;
	position:absolute;
	z-index:10;
	letter-spacing:-0.5px;
	font-weight:400;
	color:#006eab;
	right:132px;
	top:70px;
}
@media (max-width: 1023px) {
	header .description{
		display:none;
		position:relative;
		font-size:170%;
		right:0px;
		top:0px;
		text-align:center;
		padding-bottom:0px;
		margin-bottom:30px;
	}
}
/*-----------------------
 Logo
 ----------------------*/
.logo{
	width:135px;
	height:auto;
	margin:5px 0px 5px 15px;
	display:block;
	padding:10px 10px 20px 10px;
	float:left;
	max-width:400px;
}
.logo img{
	display:block;
	width:100%;
}
@media (max-width: 1023px) {
	.logo{
		float:none;
		margin:0px auto 0px auto;
	}
}


/*---------------
 Tiira
 ---------------*/
.content.tiira{
	position:relative;
	background-color:rgba( 0,89,139,0.85);
	color:white;
}
.content.tiira h1{
	color:white;
	font-size:150%;
	padding-bottom:5px;
	border-bottom:2px solid rgba( 256,256,256,0.8);
	clear:both;
	margin-top:0px 0px 10px 0px;
}
.tiira-container{
	margin:0px 0px 10px 0px;
	display:table;	
	border-spacing: 8px;
	clear:both;
}
@media (max-width: 1023px) {
	.tiira-container{
		margin:0px 0px 0px 0px;
	}	
}
.tiira-container .tiira-item{
	display:table-row;
	margin-bottom:0px;
	font-size:80%;
	line-height:12px;
}
.tiira-container .item{
	display:table-cell;
	margin-right:10px;

}
.tiira-container .item.amount{
	text-align:right;
	padding-right:20px;
	padding-left:15px;
}

.tiira-container .date.item{
	padding-right:15px;
}


.item.bird{
	padding-right:10px;
	font-weight:700;
}

.tiira-more-button{
	position: absolute;
    z-index: 10;
    right: -15px;
    top: 30px;
}


.tiira-more-button img{
	width:240px;
	height:auto;
	display:none;
}


.tiira-description{
	display:none;
    position: relative;
    min-height: 160px;
    width: 210px;
    position: absolute;
    bottom: -12px;
    z-index: 20;
    right: 0px;
    font-size: 85%;
}
@media (min-width: 1250px) {
	.tiira-more-button img,
	.tiira-description 
	{ display:block; }
}
@media (max-width: 1023px) {
	.tiira-description{
		position: relative;
		min-height: auto;
		width: 100%;
		margin-bottom:20px;
	}
}

.content.sponsors{
	padding:0px;
}
.sponsor-item{
	margin:0px auto 10px auto;
}
@media (max-width: 1023px) {
	.sponsor-item{
		max-width:300px;	
	}
}

.sponsors-holder-title{
	font-size:10px;
	color:grey;
	margin-bottom:5px;
}
.sponsor-item img{
	width:100%;
	height:auto;
	display:block;
	margin:0px auto 0px auto;
}
.content.sponsors:first-child{
	margin-top:0px;
}
.content.sponsors{
	padding:10px 10px 1px 10px;
}
@media (max-width: 1023px) {
	.content.sponsors{
		padding:30px 40px 20px 40px;
	}
}
/*------------------
 Some boxes
-------------------*/
.some-widget-container{
	background-color:white;
	margin:0px auto 0px auto;
}
.some-widget-container iframe{
	margin:0px auto 0px auto;
}
@media (max-width: 1023px) {
	.some-widget-container{
		padding:20px;
	}
}
.some-widget-container .some-header{
	background-color:white;
	font-size:120%;
	line-height:16px;
	margin:0px;
	padding:10px;
	margin:2px 0px 0px 0px;
}

.some-header.twitter{
	border-bottom:1px solid rgb(233,233,233);
}
.fb-page{
	width:100% !important;
	background-color:white;
}
.fb-page iframe{
	width:100% !important;
	border:0px !important;
	border-top-color:white !important;
}
.fb-page span{
	width:100% !important;
}

a.twitter-timeline{
	display:none;
	background-color:white;
}

@media (min-width: 850px) {
	
	
	
}

/*---------------
 Recent post
 ---------------*/
 .content.recent-posts{
	padding:0px;
	padding-right:0px;
	font-size:90%;
	background-color: white;
}
.content.separate.recent-posts{
	margin-top:1px;
}
 .content.recent-posts .padding{
	padding:10px;
 }
.content .recent-post-item{
	width:32.8%;
	margin:0px;
	margin-right:0.8%;
	float:left;
	position:relative;
	padding-bottom:48px;
	cursor:pointer;
}
.recent-post-item:last-child{
	margin-right:0%;
}
@media (max-width: 1023px) {
	.content.separate.recent-posts{
		margin-top:0px;
		box-shadow:none;
	}
	.content .recent-post-item{
		width:100%;
		float:none;
		padding-bottom:10px;
	}
	.recent-post-item:last-child{
		float:none;
	}
}

.content .recent-post-item.last{
	margin-right:0px;
	float:right;
}
.category{
	/*display:block;*/
	display:none;
	position:absolute;
	z-index:2;
	padding:3px 6px 3px 6px;
	color:white;
	top:3px;
	left:0px;
	font-size:80%;
	background-color:#508e35;
}

.recent-post-item .post-content{
	padding:0px 10px 0px 8px;
}
.content .recent-post-item  .date{
	font-size:80%;
	display:block;
	margin:5px 0px 0px 0px;
}
.content .hide-dates .recent-post-item  .date{
	display:none;
}
@media (max-width: 1023px) {
	.content .recent-post-item  .date{
		display:none;
	}
}
.content .recent-post-item  h1{
	font-size:140%;
	margin:3px 0px 14px 0px;
}
@media (max-width: 1023px) {
	.content .recent-post-item  h1{
		margin:20px 0px 8px 0px;
		text-align:left;
	}
}
.recent-post-item .image{
	margin:0px auto 10px auto;
	/*width:93%;*/
	width:100%;
	/*height:152px;*/
	background-size:cover;
	background-position:center center;
	box-shadow: inset 0px 0px 20px rgba( 0,0,0,0.2);
}
@media (max-width: 1023px) {
	.recent-post-item .image{
		margin:10px auto 10px auto;
		clear:both;
		width:100%;
		height:200px;
		display:block;
	}
}
/*.recent-post-item .image img{
	display:block;
	width:100%;
	height:auto;
}*/
.recent-post-item .more{
	position:absolute;
	z-index:10;
	bottom:8px;
	left:8px;
	font-weight:700;
	display:block;
	font-size:100%;
	float:right;
	padding:5px 10px 5px 0px;
	color:#006eab;
}
@media (max-width: 1023px) {
	.recent-post-item .more{
		display:none;
	}
}


/*---------------
 Latest post
 ---------------*/
 .content.latest-post{
	background-color:rgba( 255,255,255,1 );
	
	/*color:white;*/
	padding:10px;
	padding-right:20px;
	font-size:90%;

}
@media (min-width: 1024px) {
	.content.latest-post .post-content{
		display			: block;
		overflow		: hidden;
		margin-bottom	: 50px;
	}
}
.content.latest-post h1{
	/*color:white;*/
	font-size:180%;
	margin:18px 0px 18px 0px;
}
.latest-post .image{
	width:300px;
	width:33.3%;
	height:200px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
	margin-right:15px;
}
.latest-post .image img{
	display:block;
	width:100%;
	height:auto;
}

@media (max-width: 1023px) {
	.content.latest-post{
		padding:10px;
		margin:0px;
	}
	.latest-post .image{
		float:none;
		margin:0px;
		width:100%;
		height:66.6%;
	}
	.latest-post .post-content{
		display: block;
		padding: 0px 10px 0px 8px;
	}
}

.latest-post .more{
	color:white;

	font-size:100%;
	display:block;
	margin:15px 0px 0px 0px;
	position:absolute;
	z-index:2;
	right:0px;
	bottom:10px;
	background-color:#508e35;
	padding:5px 15px 5px 15px;
}
@media (max-width: 1023px) {
	.latest-post .more{
		position:relative;
		margin-right:10px;
		clear:both;
		float:right;
	}
}
/*--------------
 Magazine
 --------------*/
 .content.magazine{
	padding:10px;
 }
 h3.side-magazine-title{
	margin:0px;
	
 }
 .side-magazine-title{
	padding:0px;
 }
 .side-magazine-title a{
	text-align:center;
	display:block;
	margin:0px;
	background-color:white;
	color:#006eab;
	padding:10px 0px 10px 0px;
	font-weight:500;
	line-height:10px;
 }
.side-magazine-image{
	max-width:300px;
	margin:0px auto 0px auto;
}
 .side-magazine-image img{
	box-shadow: inset 0px 0px 20px rgba( 0,0,0,1);
	width:100%;
	height:auto;
	display:block;
	margin:0px auto 0px auto;
 }
 .side-magazine-container{
	padding:10px;
	background-color:white;
 }
 
 


.extranet-login{
	padding				: 20px;
	border				: 1px solid #508e35;
	background-color	: #508e35;
	margin-bottom		: 20px;
}
.extranet-login label{
	clear:both;
	display:block;
	color:white;
	padding:10px 0px 10px 0px;
	margin-bottom:15px;
	font-size:120%;
	/*background-image: url(http://www.d1002095-495.mynebula.fi/birdlife.fi/wp-content/themes/birdlife/img/icon_lock_white.png);
	background-repeat:no-repeat;
	background-size:23px 23px;
	background-position:8px 8px;*/
	float:center;
}
.extranet-login input{
	padding:10px 10px 10px 10px;

}
.extranet-login button{
	border-radius:2px;
	border:0px;
	color:white;
	padding:10px 20px 10px 20px;
	margin:0px 0px 0px 10px;
	background-color:#006eab;
}

.associates-container{
	clear:both;
	margin-top:25px;
	padding:1px;
}
.associate-map-container{
	display: table;
	margin-bottom:-5px;
}
.associate-map-item-container{
	display: table-row;
}
.associate-item{
	margin-bottom:10px;
	/*float:left;*/
	/*width:20%;*/
	width:33.333%;
	/*height:100px;*/
	overflow:hidden;
	display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
	.associate-item{
		float:none;
		width:100%;
	}
}
.associate-item .padding{
	padding:5px;
	position: relative;
}

/* logo */
/*.associate-logo{
	width:100%;
}*/
.associate-logo{
	width:35%;
	width:100px;
	/*height:100px;*/
	float:left;
	margin-right:4%;
}

.map-info .associate-logo{
	float:none;
	width:15%;
	padding-right:2%;
	margin-right:0;
	padding-bottom:5px;
	display: table-cell;
}

.associate-logo img{
	width:100%;
	height:auto;
	display:block;
}
@media (max-width: 1023px) {
	.associate-logo img{
		width:90%;
		margin:0px auto 0px auto;
	}
}
/*content*/
/*.associate-content{
	position:relative;
	float:right;
	width:100%;

}*/
.associate-content{
	position:relative;
	float:left;
	width:59%;
	position: absolute;
    z-index: 10;
    left: 115px;
	top: 50%;
	-ms-transform: translate( 0%,-50% );
	-webkit-transform: translate( 0%,-50% );
	transform: translate( 0%,-50% );
}
.map-info .associate-content {
	float:none;
	width:84%;
	display: table-cell;
	vertical-align: middle;
	font-size:16px;
	line-height:15px;
	
	position: relative;
    z-index: 10;
    left: auto;
    top: auto;
    -ms-transform: none;
    -webkit-transform:  none;
    transform:  none;
}
/* Title */
.associates-title{
	font-size:90%;
	/*text-align:center;*/
	display:block;
}
@media (max-width: 1023px) {
	.associates-title{
		font-size:110%;
		margin-top:0px;
	}
}
.associate-content p{
	display:none;
	margin-bottom:0px;
	margin-top:10px;
	
}

.associate-url{
	display:inline-block;
	clear:both;
	padding:10px 20px 10px 20px;
	background-color:#006eab;
	color:white;
	margin-bottom:20px;
}
.associate-url:hover{
	color:white;
	background-color: rgba(0,110,171, 0.9);
}

.map-info{
	 line-height: 1.35;
	 overflow: hidden;
}
#map{
	margin-bottom		: 20px;
	height				: 550px;
	background-color	: black;
}
#map .associate-logo{
	margin-top:5px;
}



.county-selector-container{
	padding-bottom:20px;
}
.county-selector{
	padding:7px;
}

.magazines_subpage .main-image{
	float:left;
	width: 30%;
	margin-right:20px;
	margin-bottom:10px;
}

.magazines_subpage .content.main-content p{
	
}
.magazine-digital-issue-link{
	display:block;
	width:90%;
	color:white;
	background-color:#508e35;
	padding:5%;
	text-align:center;
}


.magazines-container{
	clear:both;
	margin:15px 0px 10px 0px;
}
.magazine-item{
	/*float:left;
	width:175px;*/
	display			: inline-block;
	vertical-align 	: top; 
	width			: 240px;
}
.magazines-container.julkaisusarja .magazine-item{
	display:block;
}	
.magazine-item img{
	width:85%;
	display:block;
	margin:10px auto 5px auto;
}

.magazine-item h1{
	text-align:center;
	font-size:150%;
	margin: 10px 0px 5px 0px;
}
.magazine-item .excerpt{
	display:none;
}

.magazine-item .read-more{
	display:none;
	text-align:center;
	font-size:120%;
}
.magazine-item.tiira .read-more{
	display:block;
	font-size:100%;
}

.magazine-item.tiira h1{
	font-size:150%;
}
/* FIRST */
.magazine-item.first{
	clear:both;
	width:96%;
	padding:2% 4% 2.5% 0%;
	border-top:		1px dotted #ccc;
	border-bottom:	1px dotted #ccc;
	margin-bottom:10px;
	
}
.magazine-item.first img{
	width:25%;
	float:left;
	margin:0px 20px 0px 10px;
}
@media (max-width:1400px ) {
	.magazine-item.first img{
		width:35%;
	}
}

.magazine-item.first h1{
	text-align:left;
	font-size:180%;
	margin-top:10px;
}
.magazine-item.tiira.first h1{
	margin-bottom:10px;
}
.magazine-item.first .excerpt{
	display:block;
	color:black;
	font-size:90%;
}
.magazine-item.first .read-more{
	display:block;
	margin-top:10px;
	text-align:left;
	font-size:100%;
}



/* Pääsivu */
.main.magazines-container{
	margin-top:40px;
}
.magazine-year-divider{
	margin: 20px 0px 20px 10px;
}
.main .magazine-item{
	width:48%;
	margin:0% 2% 2% 0%;
	border:0px;
	position:relative;
	
}
.main  .magazine-item .thumbnail{
	width:25%;
	min-height:100px;
	float:left;
	background-color:#ccc;
	margin-right:10px;
}

@media (max-width: 1023px) {
	.main .magazine-item{
		width:100%;
		margin:0% 0% 20px 0%;	
	}
	.main  .magazine-item .thumbnail{
		width:40%;
	}
}
.main  .magazine-item img{
	width:100%;
	margin:0px;
}
.main  .magazine-item h1{
	margin		: 5px 0px 15px 0px;
	text-align	: left;
}
.main  .magazine-item .excerpt{
	display:block;
	overflow:hidden;
	font-size:90%;
	color:black;
	padding-right:5px;
}
/* Julkaisusarja */

.julkaisusarja .magazine-item{
	padding:3% 4% 0% 0%;
	border:0px;
	position:relative;
	
}
.julkaisusarja  .magazine-item img{
	width:17%;
	float:left;
	margin:0px 30px 0px 10px;
	/*position:absolute;
	z-index:1;*/
}

.julkaisusarja  .magazine-item h1{
	font-size:120%;
	margin-bottom:20px;
	margin-left:22%;
}
.julkaisusarja  .magazine-item .excerpt{
	margin-left:22%;
}
.julkaisusarja  .magazine-item .read-more{
	margin-left:22%;
}

@media (max-width: 1023px) {
	.magazine-item, .magazine-item.first{
		float			: none;
		width			: 100%;
		max-width		: 600px;
		clear			: both;
		display			: block;
		margin			: 0px auto 10px auto;
		border-top		: 0px;
		border-bottom	: 0px;
		padding			: 0px;
	}

	.magazine-item img, .magazine-item.first img{
		width			: 100%;
		display			: block;
		margin			: 10px auto 5px auto;
	}
	.magazine-item.first .read-more{
		display			: none;
	}
	.magazine-item.first h1 {
		text-align		: center;
		font-size		: 150%;
		margin			: 10px 0px 5px 0px;
	}
}