/*
Theme Name: SPYM WP Framework
Theme URI: http://underscores.me/
Author: SPYM - Marko Kokkonen
Author URI: http://www.spym.fi
Description: SPYM Responsive template. With ♥ by Marko, Erkka, Joni & Joonas
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

TOC
  1. Layout
  2. Typograhpy
  3. Navigation
  4. Modules
  5. Helpers
  6. IE overrides
  7. Misc.

*/


/*-----------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------*/

/** Dimensions */

.container { width: 950px;}

/** Body */

body {background: #f2f2f2 url('../images/body-bg-repeat.jpg') repeat-x top left;}

html, body {height: 100%;}

#wrap {min-height: 100%;}

.home .site-content {
  margin-top: -50px;
  z-index: 9999;
}

/** Header */

#masthead {
  position: relative;
  height: 150px;
}

.site-title {
  display: block;
  width: 241px;
  height: 85px;
  margin: 0 ;
  padding: 0; 
  background: transparent url('../images/true-hearts.jpg') no-repeat top left;
  background: transparent url('../images/truehearts-logo-2017.png') no-repeat top left;
  text-indent: -9999px; 
}

.site-title a {
  display: block;
  width: 241px;
  height: 85px;
}

#top-suunta-banner{
  height: 60px;
  background-color: #f7f5f8;
}
#top-suunta-banner .banner-container{
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  padding-top: 16px;
}
#top-suunta-banner .banner-container span{
  font-size: 2em;
  font-weight: 300;
  color: #003778;
  font-family: 'Raleway', sans-serif;
}
#top-suunta-banner .banner-container a{
  position: relative;
  top: -7px;
  left: 20px;
}

/** Main */

.home #main {
  margin-top: 0px;
}

#main { 
  position: relative; 
  padding-bottom: 210px; /** sticky footer */ 
}

#content {
  position: relative;
}

/** Aside */

#aside {}

#secondary .widget {
  margin-bottom: 20px;
  border-bottom:  0px solid #ddd;
}

#secondary .vnav {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

/** Footer */

footer#colophon { 
  position: relative;
  height: 210px;       /** sticky footer */
  margin-top: -210px;  /** sticky footer */
  padding-top: 25px; 
  clear: both;
  text-align: left;
  background: transparent url('../images/footer-bg.jpg') no-repeat top center; 
  font-size: 0.875em;
  font-family: Raleway, sans-serif;
}

#colophon p {
  margin-bottom: 0.5em;
}

#colophon strong {color: #576e1a; color:#013977;}

.footer-wrap {
   background: transparent url('../images/footer-bg-repeat.jpg') repeat-x top center; 
} 

.site-info {
  position: absolute;
  bottom: 2px;
  text-align: center;
  color: #fff;
  font-size: 0.75em;
}

#colophon a, #colophon a:link {color: #fff}

/*-----------------------------------------------------------------------------
  Views
-----------------------------------------------------------------------------*/

/** Events (blog) */

.events-blog-single h2 {margin-bottom: 5px;}
.events-blog-single .event-meta {font-style: normal;}

.events-blog-single {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 20px;
}

/** Events (full) */

div.em-booking-login { display: none; visibility: hidden; }

.em-booking-form-details strong {
  display: inline-block;
  margin-top: 6px;
}

.em-booking-form-details {
  width: 100%;
  padding: 0;
}

.em-booking-form {
  width: 100%;
  margin: 0 0 2em;
}

.em-booking-form select {
  width: 250px;
}

.em-booking-form label {
  width: 120px;
  padding-top: 6px;
  padding-right: 15px;
}

.em-booking-form .em-booking-buttons input#em-booking-submit {
  margin: 2em 0;
  width: 250px;
  padding: 2.5% 0;
  font-size: 1em;
}

.ticket-price {
	margin-bottom: 1em;
}

.ticket-billing {
	text-align: left;
	font-size: .95em; 
}

.events-blog-full .event-img {
  width: 360px;
  float: right;
  margin-bottom: 1.5em;
}

.events-blog-full .event-img img {
  max-width: 360px;
  float: right;
}

.events-blog-full .em-tickets-spaces {display: none; visibility: hidden;}

div.css-search div.em-search-main .em-search-submit {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #013977), color-stop(1, #034998) );
    background: -moz-linear-gradient( center top, #013977 5%, #034998 100% );
    background-color: #013977;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; 
    border-radius: 0px;
}

div.css-search div.em-search-main .em-search-submit:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #013977), color-stop(1, #034998) );
    background: -moz-linear-gradient( center top, #013977 5%, #034998 100% );
    background: -ms-linear-gradient(top, #013977, #034998);
    background: -o-linear-gradient(top, #013977, #034998);
    background: linear-gradient(top, #013977, #034998);
    background-color: #013977;
}

/** Category  */

.archive article { border-bottom: 1px solid #e3e3e3; overflow: auto;}

.archive .post-thumbnail {}
.archive .post-thumbnail img {width: 200px; height: auto; float: left;}
.archive .entry-content h2, .single h1 { margin: 0 0 5px 0; }
.archive .entry-meta, .single .entry-meta {margin-bottom: 1em; font-style: italic; font-size: 0.9em;}
.archive .entry-meta span, .archive .entry-meta a, .archive .entry-meta time,
.single .entry-meta span, .single .entry-meta a, .single .entry-meta time
{ font-style: italic; }


/** Pagination */

.em-pagination span, .em-pagination a {
  padding: 6px 8px;
  background: gainsboro;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  }

.em-pagination .current {
  background: #023a78;
  color: #fff;
}

.page-id-1195 #secondary .widget-nav { display: none !important; visibility: hidden !important; }
.page-id-1195 .widget-newsletter-aside  { border: 0; box-shadow: none; }

/*-----------------------------------------------------------------------------
  Typography
-----------------------------------------------------------------------------*/

/** Body */

body {
  color: #393939;
  font-size: 1em;
  line-height: 1.5em;
  font-family: sans-serif;
}


/** Headers */

h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; font-weight: 300; color: #023a78; text-shadow: none;}

h1 { font-size: 2.5em; line-height: 1em; }
h2 { font-size: 1.5625em; line-height: 1.2em; }
h3 { font-size: 1.3em; line-height: 1.3em; }
h4 { font-size: 1.1em; line-height: 1.3em; text-transform: uppercase;}
h5 { font-size: 1em; line-height: 1.3em;}
h6 { font-size: 1em; line-height: 1.3em; text-transform: uppercase;}

.widget-title {
  margin-top: 0;
}

/** Links */

a, a:link { color: #044c80; text-decoration: none;}

a:visited { color: #044c80;}
a:hover   { color: #044c80; text-decoration: underline;}
a:focus   { outline: none; }

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

.read-more {display: block; margin-top: 10px;}

/** btns */

.btn, a.btn {
  display: inline-block;
  padding: 6px 12px;
  /*-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;*/ /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #7044a9; /* layer fill content */
  color: #fff;
  font-family: Raleway;
  font-size: 0.875em;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #034998;
}

.btn-green, a.btn-green {
  /*-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; */ /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #7ba11b; /* layer fill content */
}

.btn-green:hover, a.btn-green:hover {
  background-color: #95c320; /* layer fill content */
}

/*-----------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------*/

/** Horizontal */

.hnav ul { width: auto; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.hnav li { display: block; float: left; margin: 0; padding: 0;}

.hnav .first { margin-left: 0;}
.hnav .last  { margin-right: 0;}

.hnav a  { 
  display: block;
  float: left;
  padding: 10px 15px;
  background: transparent;
  color: #4d4d4d;
  font-family: 'Raleway', sans-serif;
}

.footer-nav ul { width: 100%; height: auto; float: left; margin: 0; padding: 0; list-style: none;}
.footer-nav li { display: block; float: left; margin: 0; padding: 0; width: 32%;}

.footer-nav .first { margin-left: 0;}
.footer-nav .last  { margin-right: 0;}

#colophon .footer-nav a  { 
  display: block;
  float: left;
  padding: 0;
  background: transparent;
  color: #023a78;
  font-family: 'Raleway', sans-serif;
}

#colophon .footer-nav a:before {
  content: "» ";
}


.main-navigation {
  padding: 0;
  position: absolute;
  bottom: -22px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: -o-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  z-index: 999;  
}

.main-navigation li {
  background: transparent url('../images/nav-divider.jpg') no-repeat center right;
}

.main-navigation #menu-item-51 a {
  padding-left: 15px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}

.main-navigation a:hover {
  background: -ms-linear-gradient(#e3e3e3, #fff);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e3e3), to(#fff));
  background: -moz-linear-gradient(#e3e3e3, #fff);
  background: linear-gradient(#e3e3e3, #fff);
  text-decoration: none;
}

.main-navigation .current-menu-item > a {
  color: #023a78;
}

/** Vertical */

.vnav ul { width: 100%; height: auto; margin: 0; padding: 0; list-style: none; text-align: left; float: none;}
.vnav li  { display: block; float: none; margin: 0; padding: 0; }

.vnav a   { 
  display: block;
  float: none;
  padding: 8px 13px;
  margin-bottom: 5px;
  font-family: Raleway, sans-serif;
  font-size: 0.85em;
  /*-moz-border-radius: 8px / 10px;
  -webkit-border-radius: 8px / 10px;
  border-radius: 8px / 10px; *//* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #7ba11b; /* layer fill content */
  background-color: #7044a9;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.vnav a:before {
  content: '» ';
}

.vnav a:hover, .vnav li.current-menu-item > a { 
  /*-moz-border-radius: 8px / 10px;
  -webkit-border-radius: 8px / 10px;
  border-radius: 8px / 10px; */ /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #95c320; /* layer fill content */
  background-color: #034998;
  text-decoration: none; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.vnav ul ul li {margin-bottom: 0;}

.vnav ul ul a {
  padding-left: 25px;
  font-weight: 400;
}

.vnav .sub-menu {
  width: auto;
  background: none;
  border: 0;
}

.vnav .sub-menu li { border: 0;}

.vnav .sub-menu a {
  padding: 2% 5%;
  color: #023a78;
  background: none;
}

.vnav .sub-menu li a:hover, .vnav .sub-menu li.current-menu-item > a {text-decoration: underline; background: none;}

.event-categories-nav .menu {margin-bottom: 10px;}

/** Centered */

.cnav ul { width: 100%; margin: 0; padding: 0; list-style: none; text-align: center;}
.cnav li { display:inline; }

.cnav a  { 
  display: inline-block;
  padding: 10px;
  background: gainsboro;
}

.cnav a:hover, .cnav li.active a { text-decoration: underline; }


/* Dropdown */

/*
  Superfish: http://users.tpg.com.au/j_birch/plugins/superfish/
*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;  
}

/*** DEMO SKIN ***/

.sf-menu {
  float: left;
  margin-bottom: 1em;
}
.sf-menu ul {
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em .40em;
  text-decoration: none;
  zoom: 1; /* IE7 */
}
.sf-menu a {
  
}
.sf-menu li {
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu ul li {
 
}
.sf-menu ul ul li {

}
.sf-menu li:hover,
.sf-menu li.sfHover {
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

.sf-arrows .sub-menu a {padding-right: 0 !important;}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #4d4d4d; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(77,77,77,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #4d4d4d; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #4d4d4d; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #4d4d4d;
}

.sub-menu {
  width: 220px !important;
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  box-shadow: 0 1px 0 rgba(0,0,0,.17); /* drop shadow */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: -o-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
  background-image: linear-gradient(top, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%); /* gradient overlay */
}

.sub-menu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #cdcdcd;
}

.sub-menu a {
  display: block;
  width: 90%;
  padding: 5%;
  margin: 0;
}

.sub-menu a:hover {color: #023a78; background: transparent;}

#secondary .widget-asidenav{
	padding-bottom: 1em;
	margin-bottom: 5px;
  border-bottom:  1px solid #cdcdcd;
  -moz-box-shadow: inset #FFF 0 1px 0 0;
  -webkit-box-shadow: inset #FFF 0 1px 0 0;
  box-shadow: inset #FFF 0 1px 0 0;
}

/* NEW PAGE TOP MENU */

/** NEW PAGE TOP MENU Header **/

.page-top-header .logo{
  margin: 5px 0 0;
  width: 222px;
  float: left;
}


.page-top-header #masthead{
  height: auto;
  min-height: 95px;
}
.page-top-header .header-wrapper{
  background: #fff;
}
.page-top-header .header-container{
  max-width: 1150px; width: 100%; margin: 0 auto;
}

.page-top-header .site-title{
  /*background: transparent url('../images/truehearts-logo-suunto.png') no-repeat top left;*/
  background: transparent url('../images/truehearts-logo-2017.png') no-repeat top left;
  height: 80px;
  width: 222px;
}

.page-top-header .site-title a{
  height: auto;
  width: auto;
}


/** NEW PAGE TOP MENU Navigation **/

.page-top-header .to-mainsite{display: none;}

.page-top-header nav.site-navigation{float: none;}

.page-top-header .main-navigation{
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  -moz-box-shadow: none; /* drop shadow */
  -webkit-box-shadow:none; /* drop shadow */
  box-shadow:none; /* drop shadow */
  bottom: 0;
  position: relative;
}

.page-top-header nav.site-navigation #menu-paavalikko{margin-top: 15px; padding-left: 55px}

.page-top-header .main-navigation #menu-item-51 a, .page-top-header .main-navigation  a{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.page-top-header .main-navigation li{
  background: none;
}

.page-top-header .sf-menu a, .page-top-header .sf-arrows .sf-with-ul{
  border: 0;
  color: #0e447e;
  padding: 20px 8px;
}
.page-top-header .main-navigation #menu-item-51 a{
  padding-left: 11px;
}

.page-top-header .main-navigation a:hover{
  background: #FBFBFB;
}
.page-top-header .sf-arrows .sf-with-ul::after{
  content: none;
}

.page-top-header .eng-flag{
    position: absolute;
    right: 5px;
    top: 38px;
    float: right;}

/* END OF NEW PAGE TOP MENU */

/*-----------------------------------------------------------------------------
  Modules
-----------------------------------------------------------------------------*/

.page-id-269 {
  width: 100%;
  border: 0;
}

.page-id-269 table {width: 100%; font-size: 0.8em; }
.page-id-269 td {padding: 0; margin: 0; width: 33%; padding-right: 2%; text-align: center; border: 0;}

.page-id-269 table img {margin-bottom: 10px; display:block; margin:auto; float: none; margin-bottom: 10px;}

/** slogan */

.slogan {
  padding-top: 15px;
  color: #023a78;
  font-size: 0.6875em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
}

.slogan img {margin-bottom: 5px;}
.some-buttons{padding-top: 72px;}
/** slideri */

.slider {
  position: relative;
  min-width: 950px;
  height: 453px;
  /*height: auto;*/
   overflow:hidden;
}


.slider li {
  display: none;
  height: 453px;
  /*height: auto;*/
  padding:0px !important;
  overflow:hidden;
}

.slider .kokemuksia {
  position: absolute;
  top: 22px;
  right: 50%;
  margin-right: -400px;
  width: 377px;
  height: 73px;
  background: transparent url('../images/kokemuksia-ja-palautteita-banneri.png') no-repeat center right;
  z-index: 99;
}

.slider .slide-content {
  width: 450px;
  position: absolute;
  top: 40px;
  left: 50%;
  right: 0;
  font-family: Raleway, sans-serif;
  color: #fff;
  font-size: 1.1em;
  background: ;
}

.slider .slide-content h2 {
  color: #fff;
  font-size: 3.33333333333333em;
  line-height: 1em;
  margin-bottom: 0.1em;
}

@media all and (max-width: 1280px){
  .slider .slide-content {
  }
}

.slider img {display: block; margin: 0; padding: 0;}

.slider .dark { width: 520px; left: 46%; color: #033c78; } 
.slider .dark h2 { color: #033c78; margin: 0 0 20px; } 
.slider .dark p { margin-bottom: 0.5em;} 
.slider .kokemuksia { display: none; }
.video-main { position: relative; margin-top: 20px; }
.video-main img { height: 20%; }
.video-main img:hover {
zoom: 1; 
filter: alpha(opacity=80); 
opacity: 0.8;
}

.slider .bxslider {
  margin-left: 0;
}

.slider .bx-wrapper {
  margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: 0;
  left: 0;
}

.bx-controls {
  /*display: none;
  visibility: hidden;*/
  position: absolute;
  width: 950px;
  height: 20px;
  background: transparent;
  /*top: -20px;*/
  bottom: 50px;
  left: 25%;
  margin-left: -475px; /* Half the width */
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  top: -8px;
  right: 10px;
  /*width: 70px;*/
  width: 120px;
  height: 20px;
  z-index: 9999;
  text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /* prevents bg color from leaking outside the border */
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.31); /* inner shadow */
  -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.31); /* inner shadow */
  box-shadow: inset 0 1px 0 rgba(0,0,0,.31); /* inner shadow */
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #013977; /* layer fill content */
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.29); /* drop shadow */
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.29); /* drop shadow */
  box-shadow: 0 1px 0 rgba(0,0,0,.29); /* drop shadow */
}

.slider .really_simple_share {display: none; visibility: hidden;}
.really_simple_share_email a {font-size: 12px !important; line-height: 22px !important; padding: 0; margin: 0; color: #000 !important; font-weight: bold !important;}


/** slider 2 */

.slider-2 {
  position: relative;
  min-width: 950px;
  height: 453px;
  overflow:hidden;
}

.slider-2 .bxslider {
  margin-left: 0;
}

.slider-2 .bx-wrapper {
  margin-bottom: 0;
}

.slider-2 li.single-slide {
  display: none;
  height: 453px;
  padding:0px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: relative; 
  -webkit-background-size: cover;
  -moz-background-size:  cover;
  -o-background-size:  cover;
  background-size:  cover;  
}

.slider-2 .slide-content-wrap {
  width: 950px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.slider-2 .slide-content {
  position: relative;
  width: 450px; 
  padding: 60px 20px 10px 480px;
  font-family: Raleway, sans-serif;
  font-size: 1.1em;
}

.slider-2 .slide-content.left {
  padding: 60px 480px 10px 20px;
}

.slider-2 .slide-content.right {
  padding: 60px 20px 10px 480px;
}

.slider-2 .slide-content h2 {
  margin-bottom: 1em;
}


.slider-2 .slide-content p,
.slider-2 .slide-content ul {
  margin-bottom: 1em;
  line-height: 1.25em;
}

.slider-2 .slide-content ul {
  list-style: normal;
}  

@media all and (max-width: 1280px){
  .slider-2 .slide-content {
  }
}

/*
.slider-2 img {display: block; margin: 0; padding: 0;}

.slider-2 .dark { width: 520px; left: 46%; color: #033c78; } 
.slider-2 .dark h2 { color: #033c78; margin: 0 0 20px; } 
.slider-2 .dark p { margin-bottom: 0.5em;} 
.slider-2 .kokemuksia { display: none; }
*/

/** Tabs */

.tabs-wrap {
  overflow: auto;
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); /* drop shadow */
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); /* drop shadow */
  box-shadow: 0 1px 0 rgba(0,0,0,.1); /* drop shadow */
}

.tab-content {
  padding: 20px;
  overflow: auto;
}

.tabs {
  display: block;
  width: 100%; 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  text-align: left; 
  border-bottom: 0px solid #d7d7d7;
  background: #e3e3e3;
  overflow: auto;
}

.tabs li { 
  width: auto;
  display: block;
  float: left;
}

.tabs a {
  color: #023a78; 
  display: inline-block;
  padding: 14px 20px;
  border-right: 1px solid #d7d7d7;
  text-decoration: none;
  background: #e3e3e3;
  font-size: 1.1em;
  font-family: Raleway, sans-serif;
}

.tabs a:hover {background: #f1f1f1;}

.tabs a.active {color: #023a78; background: #fff !important;}
.tabs span {color: #c5c5c5;}

.tabs-wrap h2 {
  color: #7ca11c;
  color: #013977;
  font-size: 1.875em;
}

.tabs-wrap #latest-news h3 {
  font-size: 1em;
}

.tabs-wrap #intros a {
  display: block;
  font-family: 'Raleway';
  font-weight: 300;
  font-size: 1em; 
  line-height: 1.3em;
  margin-bottom: 5px;
}

/** newsletter */

.widget-newsletter {
  padding: 33px 44px 74px;
  border-left: 1px solid #e1e1e1;
  background-color: #fff; /* layer fill content */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(left, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%); /* gradient overlay */
  background-image: -o-linear-gradient(left, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%); /* gradient overlay */
  background-image: linear-gradient(left, rgba(0,0,0,.03) 0%, rgba(255,255,255,.03) 100%); /* gradient overlay */
}

.widget-newsletter h2 {
  margin-top: 0;
  padding-left: 39px;
  color: #023a78;
  font-size: 1.375em;
  background: transparent url('../images/newsletter-icon.jpg') no-repeat center left;
}

.widget-newsletter input#fieldEmail {
  width: 68%;
  height: auto;
  line-height: 1em;
  margin-right: 2%;
  padding: 9px 3%; 
  float: left;
}

.widget-newsletter input.button, .wpcf7-form .wpcf7-submit {
  width: 30%;
  padding: 8px 2%; 
  float: left;
  background-color: #83ab1d; /* layer fill content */
  background-color: #7044a9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.widget-newsletter input.button:hover, .wpcf7-form .wpcf7-submit:hover {
   background-color: #95c320; /* layer fill content */
   background-color: #034998;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.widget-newsletter-aside {
  background: none;
  border: 0;
  padding: 15px 0 0 0;
  overflow: auto;
}

.noborder {border: none !important; box-shadow: none !important; margin:0 !important;}

/** Etusivun koulutus kategoriat */

.event-categories {
  overflow: auto;
  font-family: Raleway, sans-serif;
}

.event-categories h2 {
  height: 75px;
  margin-bottom: 0;
}

.event-category-block, .banner-block {
  width: 298px;
  padding: 0 6px;
}

 .first-banner{
  margin-bottom: 1.5em;
}

.event-categories img {margin-bottom: 1em;}

.event-categories .all-trainings {
  display: inline-block;
  font-size: 0.9375em;
  margin: 2px 0 0px;
  color: #434343;
  text-decoration: none;
}

.event-categories .all-trainings:hover {
  color: #023a78;
}

.block {
  padding: 18px;
  border: 1px solid #d0d0d0; /* stroke */
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.06); /* inner shadow */
  -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.06); /* inner shadow */
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06); /* inner shadow */
}

.block.next-training{
  overflow: auto;
}

.block h3 {
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 600;
}

.next-training {
  margin-top: 10px;
  font-size: 0.9em;
  font-family: Raleway, sans-serif;
}

.next-training a:before {
  content: '» ';
}

.next-training a{
  float: left;
  display: block;
  padding-bottom: 5px;
}

/** Banneri */

.banners-wrap {
  overflow: auto;
  margin-top: 30px;
  padding: 50px 0 20px;
  background: #f7f7f7 url('../images/banners-shadow.jpg') no-repeat top center;
}

.banners {
  overflow: auto;
}

.banners .fblikebox {
  height: 140px;
  overflow: hidden !important;
}

.ie8 .banners .fblikebox {height: 95px;}

.banners img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.banners .first-banner img {vertical-align: top; margin: 0 5px 10px 5px;}

.banners img:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  filter:alpha(opacity=80); /* for IE */
  opacity:0.8; /* CSS3 standard */
}

.input-field-dbem_laskutus input {
	display: none;
	visibility: hidden;
}

.input-field-dbem_laskutus label {
	display: block;
	width: 100%;
	margin: -5px 0 15px;
}

.input-field-dbem_laskutus {
	margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------
  Helpers
-----------------------------------------------------------------------------*/

.text-center{text-align: center;}

.smaller {font-size: 0.8em;}

.kouluttajat-table tr {
  border-bottom: 1px solid #ddd;
}

/** Border radius */

.x-border-radius {
  position: relative;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url(http://www.spymhosting.net/spymjoomla_2.5/templates/spymbasetemplate2.5/css/PIE.htc);
 }


/** Box shadow */

.box-shadow {
  position: relative;
  -o-box-shadow: 0 0 5px black;
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  -ms-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
  behavior: url(http://www.spymhosting.net/spymjoomla_2.5/templates/spymbasetemplate2.5/css/PIE.htc);
 }  


/** Linear gradient */

.linear-gradient {
  position: relative;
  background: -o-linear-gradient(top, black, white);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(black), to(white));
  background: -moz-linear-gradient(black, white);
  background: -ms-linear-gradient(black, white);
  background: linear-gradient(black, white);
  behavior: url(http://www.spymhosting.net/spymjoomla_2.5/templates/spymbasetemplate2.5/css/PIE.htc);
 } 


/*-----------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------*/

.wpcf7-form .wpcf7-submit {width: 50%;}

/** Base */

input, textarea { 
  width: 100%;
  padding: 1% 2%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera / IE 8+ */
  resize: vertical; 
  border: 1px solid #d0d0d0; /* stroke */
  background-color: #fff; /* layer fill content */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  background-image: linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,.07) 100%); /* gradient overlay */
  color: #4f4f4f;
  font-size: 0.8125em;
}

textarea { width: 100%; min-height: 8em;}

input.button, input.reset {width: 45%; float: left;}
input.reset {margin-left: 5%;}

::-webkit-input-placeholder, :-moz-placeholder, input::-moz-placeholder,  {
   color: #4f4f4f;
}

:-moz-placeholder { 
   color: #4f4f4f;  
   opacity: 1;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #4f4f4f;  
   opacity: 1;
}

:-ms-input-placeholder {  
   color: #4f4f4f;  
}

input:focus::-webkit-input-placeholder {
   color: #023a78;
}


input:focus:-moz-placeholder { /* Firefox 18- */
   color: #023a78;  
   opacity: 1;
}

input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #023a78;  
   opacity: 1;
}

input:focus:-ms-input-placeholder {  
   color: #023a78;  
}

.cptch_block label {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #023a78;
  font-size: 1.2em;
  line-height: 1.2em;  
  text-shadow: none;
}

.cptch_block #cptch_input {
  background: #fff;
  width: 60px !important;
}

/*cf7- checkbox*/
.boxes input{
  width: auto!important;
  top:1px;
  margin: 0 10px 0;

}

td.lomake p{
  margin-bottom: 10px;
}
td.lomake textarea{
  height: 100px;
}

/*-----------------------------------------------------------------------------
  Searchform
-----------------------------------------------------------------------------*/

/*#searchform .field {
	width: 70%; 
	display: block;
	float: left;
	height: auto;
	padding: 10px 5px;
}

#searchform .btn {
	display: block;
	width: 25%;
	margin-left: 5%;
	float: left;
	padding: 8px 0 8px;
}*/

.search-block {
	padding: 20px;
	background: #fff;
}

.css-search {
	display: block;
	visibility: visible;
	background: #F2F2F2 !important;
	border: 0 !important;
	padding: 0 !important; 
}

.entry-content .em-search-wrapper {
	display: none !important; visibility: hidden !important;
}

.css-search .em-search-text {
	background: #F2F2F2 !important;
	padding-left: 0 !important;
}

div.css-search input.em-search-text {
	width: 75% !important;
	padding: 10px 5px !important;
}

.css-search div.em-search-main .em-search-submit {
	margin-top: 0 !important;
	top: 0 !important; 
}

/*-----------------------------------------------------------------------------
  IE overrides
-----------------------------------------------------------------------------*/

/** Sticky footer fix for */
.lte-ie7 #wrap {display:table;}

/** Fixed width for lte IE9 */
.lt-ie9 .container {width: 950px;}

/** Form fix for lte IE8 */
.lt-ie8 input, .lt-ie8 textarea { width: 94%; padding: 0 2%;}
.lt-ie8 textarea { width: 93%;}

.ie6 {}
.ie7 {}
.ie8 {}

.contact-container{
  width: 100%;
  display: inline-block;
  clear: both;
  border-bottom: 1px solid #ddd;
}
.contact-container:last-child{
  border-bottom: 0;
}
.contact-img{
width: 23%;
float: left;
padding-right: 2%;
}
.contact-content{
  width: 75%;
  float: left;
}