/*
 Theme Name:   Visit Saimaa 2016
 Theme URI:    http://digitaali.fi
 Description:  DevDMbootstrap3 Child Theme
 Author:       Teemu Muikku @digitaali.fi
 Author URI:   http://digitaali.fi
 Template:     devdmbootstrap3
 Version:      1.1.0
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  visitsaimaa
*/




/* KOlmeen ja neljään jako 10 gridissä */
.col-xs-25 {
	width: 25%;
}
.col-xs-33 {
    width: 33.3333%;
}
.col-xs-66 {
    width: 66.6666%;
}
@media (min-width: 768px) {
	.col-sm-25 {
		width: 25%;
	}
	.col-sm-33 {
		width: 33.3333%;
	}
	.col-sm-66 {
	    width: 66.6666%;
	}	
}
@media (min-width: 992px) {
	.col-md-2 {
		width: 20%;
	}	
	.col-md-25 {
		width: 25%;
	}
	.col-md-33 {
		width: 33.3333%;
	}
	.col-md-66 {
	    width: 66.6666%;
	}	
}
@media (min-width: 1200px) {
	.col-lg-2 {
		width: 20%;
	}		
	.col-lg-25 {
		width: 25%;
	}	
	.col-lg-33 {
		width: 33.3333%;
	}
	.col-lg-66 {
	    width: 66.6666%;
	}
	
	.col-lg-offset-33 {
		margin-left: 33.3333%;
	}
}

/* Aktivointisivu esim, emuloidaan containeria */
body > #content.widecolumn {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
	body > #content.widecolumn {
	    width: 750px;
	    margin-top: 100px;
	    margin-bottom: 200px;
	}	
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1600px) {}

.main-content {
	min-height: 300px;
}

img,
.wpb_single_image .vc_figure {
	max-width: 100%;
}
a img.alignnone {
	margin: 0;
}
a {
	cursor: pointer;
}

body {
	padding-bottom: 0;
	line-height: 1.6;
}

@media (min-width: 1600px) {
	body {
		font-size: 18px;
	}
}



/* Äititeeman vitsaukset ... */
.attachment-post-thumbnail {
	float: none;
	margin: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, 
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, 
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, 
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	color: inherit;
	font-size: 40%;
}
@media (max-width: 768px) {
	h1, .h1 { font-size: 32px; }
	h2, .h2 { font-size: 24px; }
	h3, .h3 { font-size: 20px; }
	h4, .h4 { font-size: 18px; }
}

h1, .h1, 
h2, .h2 {
	font-weight: bold;
}

h5 {
	font-weight: bold;
}

h1.entry-title, h2.entry-title {
	margin-bottom: 30px;
	font-size: 28px;
}
@media (min-width: 768px) {
	h1.entry-title, h2.entry-title {
		margin-bottom: 20px;
		font-size: 36px;
	}
}
@media(min-width: 1600px) {
	h1.entry-title, h2.entry-title {
		margin-bottom: 30px;
		font-size: 48px;
	}	
}



.text-muted {
	color: #ccc;
}

/* Container saa mennä 1550px leveäksi asti. Bootsrrapissa normi 1200 breakpointissa 1150 */
@media (min-width: 1600px) {
  .container {
    width: 1550px;
  }
}

/* Oma laajennos, jossa row shortcodelle tulostellaan container tai fullwidth ympärille. 
  Täyty ottaa fullwidth > row margin pois ettei tu vierityspalkkia

.fullwidth > .row {
	margin-left: 0;
	margin-right: 0;
}
.fullwidth > .row > [class*='col-'],
.fullwidth > .row > [class*='vc_col-'] {
	padding-left: 0;
	padding-right: 0;
}
*/
/* Fullwidthin inner-row matkimaan containeria 
@media (min-width: 768px) {
	.fullwidth .vc_inner.row {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: auto;
		  margin-left: auto;
		  
		  width: 750px;
	}
}
@media (min-width: 992px) {
  .fullwidth .vc_inner.row {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullwidth .vc_inner.row {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  .fullwidth .vc_inner.row {
    width: 1550px;
  }
}
*/


/* Gutterit veke  */
.row.no-gutter {
  margin-right:0;
  margin-left:0;
}
/*.row > [class*='col-'],
.row > [class*='vc_col-'],
*/
.row.no-gutter > [class*='col-'],
.row.no-gutter > [class*='vc_col-'] {
  padding-right:0;
  padding-left:0;
}

/* Puolitetut gutterit */
.row.half-gutter {
  margin-right: -6px;
  margin-left: -6px;
}
/*.row > [class*='col-'],
.row > [class*='vc_col-'],
*/
.row.half-gutter > [class*='col-'],
.row.half-gutter > [class*='vc_col-'] {
  padding-right:6px;
  padding-left:6px;
}


/* Visual composer 4.9.2 tuli säädettävät välit. Jostain syystä toimii vähä skrubusti. "disabloidaan" 
.row > .vc_column_container {
	padding-left: 15px;
	padding-right: 15px;
}
.vc_column_container > .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
*/

/* Ensimäisen tason riveille margin-bottomia, ovat näet käyttäneet div spacea näissä kohdin ... , sama editoripuolelle kans ! */
/* Visual composer 4.9 versiossa tuli margin bottomit natiiviksi näille
.dmbs-main > div > .row,
.dmbs-main > div.vc_element > div > .row {
	margin-bottom: 30px;
}
// Visual composer elementeille kaikille marginia, muuten ovat kii toisissaan. 
.container > .row {
	margin-bottom: 22px;
}
.post-stub-details .container > .row {
	margin-bottom: 0;
}

// Näistä pois, että toimii headerit ok 
.wpb_row, .wpb_content_element {
	margin-bottom: 0;
}

*/

/* Tekstikenttien headereille margin bottomia */
.wpb_text_column h1, .wpb_text_column h2 {
	margin-bottom: 22px;
}


/* Sisäkkäisiä containereita saattaa olla */
.container .container {
	width: auto;
	padding: 0;
	margin: 0;
}
  

/* Erikokoisia laatikoita... pari fonttikoko härpätintä*/
.normal-text * { font-size: 100%; }
.small-text * { font-size: 80%; }
.tiny-text * { font-size: 60%; }

/* Otsikon keskitykseen apuluokka */
.heading-center h1, .heading-center .h1,
.heading-center h2, .heading-center .h2 {
	text-align: center;
}

/* Sulkemisnappulaan vähän munaa */
.post-stub-details > .closeIcon {
	position: absolute; 
	right: 15px;
	top: 15px;
	float: none;
}

.closeIcon {
  font-family: arial; /* Erikoisfonteissa ei vältsysti oo erikoismerkkii messissä */
  color: white;
  background: black;
  padding-left: 5px;
  padding-right: 5px;
  float: right;
	opacity: 0.8;
	font-size: 30px;
  font-weight: bold;
  line-height: 1;

  text-shadow: 0 1px 0 #fff;
}
@media (min-width: 992px) {
	.closeIcon {
		font-size: 40px;
	  padding-left: 10px;
	  padding-right: 10px;		
	}
}
.closeIcon:hover, .closeIcon:focus {
  color: white;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
}
.closeIcon + .details_container {
	clear: both;
}

.btn {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	text-transform: uppercase;
	
	font-size: 18px;
	
}
.links .btn {
	text-transform: none;
	font-weight: bold;
	font-size: 18px;
}
@media (min-width: 600px) {
	.links .btn {
		font-size: 24px;
	}
}

.btn.see-more {
	display: block;
	margin: 30px auto;
}


/* Päävalikkoo - max leveys 1280 */
.navbar .container {
	max-width: 1280px;
} 
.navbar {
	margin-bottom: 0;
	border: 0;
	width: 100%;
}
/**
 * 	Päävalikkoalueelle korkeus, jos ite valikko puuttuu, eli eijo elementtei
 */
@media (min-width: 768px) {
	.main-nav {
		position: relative;
	}
	.navbar.no-main-nav > .main-nav {
		min-height: 140px;
	}
	.visit-saimaa .navbar.no-main-nav > .main-nav {
		min-height: 120px;
	}
	
}
.navbar-default .navbar-nav > li > a {
	font-size: 16px;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.logo > a {
		float: left;
	}
	.logo img {
		margin: 15px 15px 15px 0;
		max-height: 100px;
		
	}
	.visit-saimaa .logo img {
		margin: 15px 15px 15px 0;
	}
}

@media (min-width: 768px) {
	.main-nav > .logo,
	.main-nav > .support-menu {
		width: 50%;
		float: left;
	}
}
/*
.visit-saimaa .main-nav > .logo {
	width: 200px;
}
*/
@media (max-width: 992px) {
	.logo .description {
		clear: both;
		font-size: 16px;
		
	}
}
@media (min-width: 992px) {
	.logo .description {
		margin: 10px;
		padding-top: 10px;
	}
}

/* Ei anneta valikon mennä logon päälle */

/* Jos ei ole päävalikkoa, niin kakkospäävalikon täytyy tehdä tilaa 
@media (min-width: 768px) {
	.yamm.no-main-menu {
		margin-top: 80px;
	}
}
*/
.navbar-header .logo {
	padding-left: 15px;
	width: 200px;
}
.visit-saimaa .navbar-header .logo {
	padding-left: 15px;
	position: absolute;
	top: 35px;
	width: 200px;
}

/* EU rahoitus kuvat - kännykkävalikon pohjalla ja päävalikon oikealla isolla */
.navbar .eu-fund img {
	max-width: 200px;
	margin-top: 10px;
}

.navbar-header .navbar-toggle {
	margin-top: 15px;
	margin-bottom: 15px;
}
@media (max-width: 768px) {
	.navbar {
		min-height: 64px;
	}
}

.navbar-1-collapse {
	min-height: 100px;
}
.visit-saimaa .navbar-1-collapse {
	min-height: 80px;
}

/* Ihan ylhäällä apuvalikko, jossa kielivalinta ja jotain sosmed linkkei*/
/*.support-menu {
	min-height: 40px;
}*/
@media (max-width: 767px) {
	.support-menu .language-selection > ul {
		text-align: right;
		
	}
	.support-menu .language-selection > ul li {
		display: inline-block;
		padding-top: 4px;
		padding-left: 15px;
	}
}
.support-menu .language-selection img {
	margin-right: 4px;
	height: 18px;
	width: 18px;
}
.support-menu .language-selection img + span {
	display: none;
}
@media (min-width: 768px) {
	.support-menu .language-selection {
		float: right; 
		
		margin: 15px;
		margin-right: 45px;
		
		font-size: 18px;
	}
	.support-menu .language-selection img {
		margin-right: 6px;
		height: 24px;
		width: 24px;
	}
	.support-menu .language-selection img + span {
		display: inline;
	}	
}


/* Visitsaimaassa eu funds logo härdellit oikealla*/
@media (min-width: 768px) {
	.visit-saimaa .support-menu .language-selection {
		margin-top: 15px; 
		/*margin-right: 215px;*/
	}
	
	.no-main-nav .support-menu .language-selection {
		margin-top: 15px; 
	}
	
	.no-main-nav .support-menu .description,
	.visit-saimaa .support-menu .description {
		margin-top: 20px;
	} 
}
.support-menu .language-selection .btn-default {
	border: 0;

    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-top: 0;
    
}
.language-selection button img {
	vertical-align: baseline;
	padding-right: 4px;
}

.support-menu .navbar-text {
	margin-top: 5px;
	margin-bottom: 0;
}

@media (max-width: 480px) {
	
	.support-menu .location-selection {
		float: none  !important;
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
}
@media (min-width: 481px) and (max-width: 769px){
	.support-menu .location-selection {
		float: left !important;
		clear: none;
		width: 400px
	}
}
@media (max-width: 767px) {
	.navbar-form.location .input-group {
		margin-bottom: 10px;
	}
}

/* Kännykkä valikko */
.navbar-toggle {
	border: 0;
	background: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #333;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: 3px;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background: #333;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: white;
}

/* Toinen päävalikko, mobiilissa matkitaan perusnavigaatiota */
.secondary-main-nav a {
	color: #333;
	font-size: 16px;
	line-height: 1.1;
}
@media (min-width: 1200px) {
	.secondary-main-nav a {
		font-size: 1.4em;
	}
}
.secondary-main-nav li a {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 18px;
	margin-bottom: 18px;
}
.secondary-main-nav a:hover,
.secondary-main-nav a:focus {
	color: #000;
	text-decoration: underline;
}
@media (max-width: 767px) {
	.secondary-main-nav a {
		color: #333;
	}
	.secondary-main-nav .nav-pills > li > a,
	.secondary-main-nav .nav-pills > li > a:hover,
	.secondary-main-nav .nav-pills > li > a:focus,
	.secondary-main-nav .nav-pills > li.active > a,
	.secondary-main-nav .nav-pills > li.active > a:hover,
	.secondary-main-nav .nav-pills > li.active > a:focus  {
		background: white;
		color: #333;
		
		font-size: 24px;
		text-transform: uppercase;
		text-align: left;
		
		margin-bottom: 0;
	}
	.secondary-main-nav .nav-pills {
		margin-left: -15px;
		margin-right: -15px;
	}
	.secondary-main-nav .nav-pills > li > a:hover,
	.secondary-main-nav .nav-pills > li > a:focus,
	.secondary-main-nav .nav-pills > li.active > a,
	.secondary-main-nav .nav-pills > li.active > a:hover,
	.secondary-main-nav .nav-pills > li.active > a:focus {
		color: #000;
	}

	.secondary-main-nav  {
		margin-left: -15px;
		margin-right: -15px;
	}
	.secondary-main-nav .nav-pills > li + li {
		margin-left: 0;
	}
}
@media (min-width: 768px) {
	
	.secondary-main-nav .nav .open > a, 
	.secondary-main-nav .nav .open > a:hover, 
	.secondary-main-nav .nav .open > a:focus {
		border-color: #6390b5;
	}	
	
	.secondary-main-nav .nav-pills > li > a {
		
		text-transform: uppercase;
		

		border-radius: 0;
		-o-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		
		border: 0;
		border-left: 1px solid #6390b5;
		
	}
	.secondary-main-nav .nav-pills > li:last-child > a {
		border-right: 1px solid #6390b5;
	}
	.secondary-main-nav .nav-pills > li > a:hover,
	.secondary-main-nav .nav-pills > li > a:focus {
		color: #16282c;
		background: white;
	}
	.secondary-main-nav .nav-pills > li.active > a,
	.secondary-main-nav .nav-pills > li.active > a:hover, 
	.secondary-main-nav .nav-pills > li.active > a:focus {
		background: transparent;
		color: black;
		text-decoration: underline;
	}

	.navbar-collapse.collapse.secondary-main-nav {
		min-height:  auto;
	}
}

/* Toinen päävalikko tulee megamenuksi jos kolme valikkotasoa */

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm {
	border-top: 2px solid #6390b5;
	border-bottom: 2px solid #6390b5;
} 
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 15px;
}
@media (min-width: 768px) {
	.yamm .yamm-content {
	  border-bottom: 0;
	}	
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Yamm megamenu */
.yamm .dropdown-menu {
	margin-top: 0;
	border: 0;
	
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
@media (max-width: 767px) {
	.yamm li {
		clear: both;
	}
	.yamm .dropdown-menu {
		box-shadow: none;
		-o-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		
		/* Alivalikot aina auki suoraan mobiilimenussa */
		position: relative;
		display: block;
	}
	.yamm .caret {
		display: none;
	}
}
.yamm-fw .dropdown {
	border: 0;
	background: transparent
}
@media (min-width: 768px) {
	.yamm .dropdown:hover .dropdown-menu {
	    display: block;
	 }
}

@media (max-width: 767px) {
	.yamm .yamm-content {
	  padding: 0 15px 0 45px;
	}
	
	.yamm-content > .row > ul {
		margin-bottom: 16px;
	}
}
.yamm-content ul {
	list-style-type: none;
}
.yamm-content ul li {
	margin-left: 0;
	padding-left: 0;
}

/* Varmistetaan että ei mene ruudun yli, taikka scrollbar */
@media (min-width: 768px) {
	.yamm .yamm-content {
		max-height: 500px;
		overflow-y: auto;	
	}
}
@media (min-width: 1150px) {
	.yamm .yamm-content {
		max-height: 800px;
		overflow-y: auto;	
	}
}
@media (min-width: 1280px) {
	.yamm .yamm-content {
		max-height: none;
	}
}
.yamm-content a {
	font-size: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.yamm-content .active > a {
	color: black;
}
@media (min-width: 768px) {

	.yamm-content a {
		color: #666;
		font-size: 16px;
		line-height: 1;
	}
	.yamm-content .active > a {
		color: black;
	}
	.yamm-content .active:before {
		content: "\2022";
		position: absolute;
		margin-left: -8px;
	}
	
	.yamm-content a:hover,
	.yamm-content a:focus {
		color: black;
		text-decoration: underline;
	}
	
	.yamm-content .level-1 > a {
		font-weight: bold;
	}
	.yamm-content .level-1 > ul {
		padding-left: 15px;
		margin-top: 8px;
		margin-bottom: 22px;
	}
	
}

/* Varmistetaan että palstoittuu hyvin sm-5, md-25 */
@media (min-width: 768px) and (max-width: 991px) {
	.yamm-content > .row > ul:nth-child(2n-1) {
		clear: both;
	}
}
@media (min-width: 992px) {
	.yamm-content > .row > ul:nth-child(4n-3) {
		clear: both;
	}
}

/* Lisäsi on päätason linkki myös megamenussa */
.yamm-content .main-level-link {
	margin-bottom: 15px;
}
.yamm-content .main-level-link a {
	text-transform: uppercase;
	font-size: 18px;
}

/* Bugi valikossa, Antti 12.7.2019 */
@media (max-width: 767px) {
       .dmbs-top-menu .no-main-menu .navbar-1-collapse {
               position: relative;
               min-height: 400px;
       }
       .dmbs-top-menu .no-main-menu .navbar-1-collapse > ul.nav {
               position: absolute;
               z-index: 1;
               top: 0;
               left: 10px;
       }
}


/* Joku bugi, justified homma ei tassaa vaan viimeinen on kapea ja caret rivittyy.. */
@media (min-width: 768px) and (max-width: 992px) {
	.container.main-nav,
	.container.main-nav + .yamm > .container {
		width: 100%;		
	}
	.container.main-nav + .yamm > .container{
		padding-left: 0;
		padding-right: 0;
	}
}

/* Breadcrumbsit */
p#breadcrumbs {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 10px;
}

/* Engage palkki */
#vs-engage-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	
	text-align: center;
	z-index: 1000;
	
	background: white;
	border-top: 1px solid #efefef;

	padding: 4px 20px;
}
#vs-engage-bar ul {
	margin-bottom: 0;
}

#vs-engage-bar .dismiss {
	position: absolute;
	top: 4px;
	right: 8px;
	font-size: 16px;
}

/* Fiiliskuva, vs_main_header shortcode tuuppaa ulos */
.main_header figure {
	background-position: top center;
	background-color: #ddd;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;

	height: 1px;
	padding-bottom: 440px; 
}
@media (min-width: 1150px) {
	.main_header figure {
		background-size: auto 100%;
		background-size: cover;
		-o-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		padding-bottom: 31%; 
	}
	
	.main_header.big figure {
		padding-bottom: 31%; /* oli 36%, mut kuvakoko liian pieni = venyy 1.11.2018 -T*/
	}
	.main_header.jumbo figure {
		padding-bottom: 46%; 
	}
	
}
.main_header_content {
	background: #231f20;
	text-align: center;
	
	padding-top: 26px;
	padding-bottom: 45px;
}
.main_header_content,
.main_header_content h1, .main_header_content .h1,
.main_header_content h2, .main_header_content .h2,
.main_header_content h3,
.main_header_content p,
.main_header_content a:not(.btn) {
	color: white;
}
.main_header_content h1, .main_header_content .h1 {
	font-size: 32px;
	font-weight: bold;
	  letter-spacing: -2px;
	  margin-bottom: 0;
}
.main_header_content small, .main_header_content .small {
	display: block;
}
@media (max-width: 768px) {
	.main_header_content p {
		display: none;
	}		
}
@media (min-width: 768px) {
	.main_header_content h1, .main_header_content .h1 {
		font-size: 48px;
	}
	.main_header_content p {
		font-size: 24px;
	}	
}

@media (min-width: 1600px) {
	.fullwidth .main_header_content h1, .main_header_content .h1 {
		font-size: 52px;
	}
	.fullwidth .main_header_content p {
		font-size: 24px;
	}	
}
/* Jos käytetäänkin jossain solussa. */
.main_header .container {
	max-width: 100%;
}


/**
 * 	Taustakuva Visualcomposer rowissa
 */
.row.-has-fill {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.fullwidth .-has-fill .vc_inner.row {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Karuselli */
.vs_carousel .item {
	padding-top: 0;
	/* height: 300px; */
}
/* Otsikoita ei saada kutistettuu javascriptillä, koska eivät :visible... */
@media (max-width: 480px) {
	.vs_carousel h1, .vs_carousel .h1 {
		font-size: 32px;
	} 
}
@media (max-width: 767px) {
	.vs_carousel h1, .vs_carousel .h1 {
		font-size: 38px;
	} 
}
/*
@media (min-width: 768px) {
	.vs_carousel .item {
		padding-top: 100px;
		height: 500px;
	}		
}
@media (min-width: 1150px) {
	.vs_carousel .item {
		padding-top: 150px;
		height: 600px;
	}		
}
*/
.vs_carousel .large-promo,
.vs_carousel .jumbo { 
	margin-top: 0;
	margin-bottom: 0;	
}

.carousel-control.right,
.carousel-control.left {
	background: transparent;
}
@media (max-width: 480px) {
	.carousel-control .icon-prev, 
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right {
		bottom: 22px;
		top: auto;
	}
}

/* Artikkeli listauksessa, eli ns. laatikko */
.post-box {
	position: relative;
	background-color: #ddd;
	
	/* Reunat ei orggisleiskassa, haluttiin myöhemmin*/
	border: 1px solid white;
}

/* Linkki koko laatikon kokoiseksi */
.post-box > a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.post-box div.vs_post_thumbnail {
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: auto 100%;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
/*
.post-box .image_overlay {
	position: absolute; 
	top: 0; right: 0; bottom: 0; left: 0;
	background: url('images/post-box-shadow.png') bottom left repeat-x transparent;
	background-color: rgba(0,0,0,0.14);
}*/
.post-box .image_overlay {
	position: absolute; 
	top: 0; right: 0; bottom: 0; left: 0;
	/*background-color: rgba(0,0,0,0.1);*/
}
.post-box span.info {
	width: 100%;
	padding-top: 32px;
	background: url('images/post-box-shadow-high.png') top left repeat-x transparent;
}


.post-box a:focus,
.post-box a:hover {
	background-color: rgba(30, 20, 10, 0.1);
}
.post-box.active .image_overlay {
	background-color: rgba(30, 20, 10, 0.7);
	content:"\E199";
	
	font-size: 100px;
	text-align: center;
}
.post-box.active .image_overlay:after {
    display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);    
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    
    font-size: 100px;
    font-family: 'Glyphicons Regular';
    content: "\E207";
    text-align: center;
    color: white;
    
} 
.post-box .info {
	padding: 10px;

	color: white;
	font-size: 10px;
	
	position: absolute;
	bottom: 0;
	left: 0;
		
	text-align: left;
}
.post-box .info a {
	color: white;
}
.post-box .info .category {
	display: block;
}
.post-box .info p:last-of-type {
	margin-bottom: 0;
}
.post-box .h3,
.video-preview .video-title {
	font-size: 14px;
	font-weight: 600;

	margin: 0;
	text-align: left;
}

/* Mobiilissa ei näytetä lyhennettä gridin laatikoissa */
@media (max-width: 767px) {
	.post-box .info p {
		display: none;
	}
}


.post-box .attachment-post-thumbnail {
	float: none;
	margin: 0;
}
.post-box .meta > span {
	display: block;
}

/* Piilotetaan mobiilissa myös muut osat sijainnista, paitti kaupunki. */
@media (max-width: 600px) {
	.post-box .location.short > span:first-child {
		display: none;
	}
}

/* Täyttöruutu, sosmedillä 128 x 128 ikoni taustana. */
.post-box .background-icon,
.post-box.filler {
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size: 96px;
}
.post-box.social .background-icon {
	background-position: center;
}
.post-box .background-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/* Muuteha myö tehää ikonista borderi fillerille */
.filler.vs_filler > .icon {
	position: absolute;
	width: auto;
	height: auto;
	top:1px;
	right: 1px;
	bottom: 1px; 
	left: 1px;
	z-index: 1;
	
	border: 2px dashed white;
}
.filler.vs_filler > .icon:before {
	display: none;
}
.filler.vs_filler.as-content > .icon {
	border: 0;
}

/* Ikonit ja värit per sisältötyyppi / kategoria */
/*
Tarjoukset: glyphicons-piggy-bank
Tapahtumat: glyphicons-calendar
Palvelut: glyphicons-star?
Yritykset: glyphicons-briefcase

majoitus: glyphicons-bed
ravintolat: glyphicons-dining-set
talviaktiviteetit: glyphicons-snowflake
kesäaktiviteetit: glyphicons-sun tai glyphicons-fins
käyntikohteet: glyphicons-compass tai glyphicons-flag
alueinfo: glyphicons-circle-info tai glyphicons-map
yrityksille tai ryhmille: glyphicons-group
ostopaikat matkamuistot: glyphicons-shopping-bag
kuljetuspalvelut: glyphicons-transport
vuokraus: glyphicons-keys
paketit: glyphicons-show-big-thumbnails?
kulttuuri: glyphicons-piano
yleiset palvelut: glyphicons-star?
*/
.hentry > .icon {
	position: absolute; 
	right: 0;
	top: 0;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #007bff transparent transparent;
}
.hentry > .icon:before {
	position:relative;
	height: 48px;
	width: 48px;
	top:2px;
	text-align: right;
	font-size: 21px;
	
	display:inline-block;
	font-family:'Glyphicons Regular';
	font-style:normal;
	font-weight:normal;
	line-height:1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	
	color: white;
}
.shop > .icon:before { content: "\E342"; /* Briefcase */ }
.shop > .icon { border-color: transparent #90c04b transparent transparent; }
.shop.btn:hover, .shop.btn:focus,
.shop.btn.active { background-color: #90c04b; border-color: #77A732; color: white; }

.product > .icon:before { content: "\E050"; /* Star */}
.product > .icon { border-color: transparent #04b3b1 transparent transparent; }
.product.btn:hover, .product.btn:focus,
.product.btn.active { background-color: #04b3b1; border-color: #009A98; color: white; }

.event > .icon:before { content: "\E046"; /* Calendar */}
.event > .icon { border-color: transparent #5a287f transparent transparent; }
.event.btn:hover, .event.btn:focus,
.event.btn.active { background-color: #5a287f; border-color: #410F66; color: white; }

.offer > .icon:before { content: "\E506"; /* Piggy bank */ }
.offer > .icon { border-color: transparent #b30471 transparent transparent; }
.offer.btn:hover, .offer.btn:focus,
.offer.btn.active { background-color: #b30471; border-color: #9A0058; color: white; }

.theme > .icon:before { content: "\E157"; /* thumbnails */ }
.theme > .icon { border-color: transparent #da8420 transparent transparent; }
.theme.btn:hover, .theme.btn:focus,
.theme.btn.active { background-color: #da8420; border-color: #C16B07; color: white; }

.type-post > .icon:before,
.type-page > .icon:before { content: "\E331"; /* blog */ }
._content.btn:hover, ._content.btn:focus,
._content.btn.active { background-color: #007bff; border-color: #0062E6; color: white; }

.majoitus .icon:before { content: "\E496"; }
.ravintolat .icon:before { content: "\E476"; }
.talvi-aktiviteetit .icon:before { content: "\2744"; }
.kesa-aktiviteetit .icon:before { content: "\2609"; }
.kayntikohteet .icon:before { content: "\E267"; }
.alueinfo .icon:before { content: "\E196"; }
.yrityksille-ja-ryhmille .icon:before { content: "\E044"; }
.ostokset .icon:before { content: "\E351"; }
.kuljetuspalvelut .icon:before { content: "\E568"; }
.vuokrauspalvelut .icon:before { content: "\E045"; }
.paketit-ja-valmismatkat .icon:before { content: "\E156"; }
[class*='kulttuuri'] .icon:before { content: "\E264"; }
[class*='risteily'] .icon:before { content: "\E256"; }
[class*='luont'] .icon:before { content: "\E002"; }


/* Tekstuaalinen icon */
.hentry > .icon-text {
	position: absolute; 
	right: 0;
	top: 0;

	padding: 2px 6px;
	
	background: rgba(0,0,0,0.3);
	font-size: 12px;
	color: white;
}


/* OMat gridit, missä ehkä iso kuva ja muita pieniä. Tarvitaan kiinteät korkeudet... 
 * Eri breakpointeille eri korkeus. 
 */
.posts-list-grid .col-main.row-two .post-box { height: 300px; }
.vs_search_results .post-box,
.posts-list-grid .post-box { height: 150px; }
@media (min-width: 480px) {
	.posts-list-grid .col-main.row-two .post-box { height: 390px; }
	.vs_search_results .post-box,
	.posts-list-grid .post-box { height: 195px; }
	.posts-list-grid.small-grid .post-box { height: 138px; }
	
	.post-box .background-icon,
	.post-box.filler {
		background-size: 128px;
	}
}
@media (min-width: 768px) {

	/* Tässä menee itseasiassa kolmeen riviin! mennää 4:3 suhteeseen, leveys nääs 345 */
	.posts-list-grid .col-main.row-two .post-box { height: 390px; }
	.vs_search_results .post-box,
	.posts-list-grid .post-box { height: 130px; }
	.posts-list-grid.small-grid .post-box { height: 100px; }
	.post-extra .posts-list-grid.small-grid .post-box { height: 180px; }
	.post-box .info {font-size: 12px; }
	
	.post-box .background-icon,
	.post-box.filler {
		background-size: 96px;
	}
	
}	
@media (min-width: 992px) {
	/* Tässä menee itseasiassa kolmeen riviin! mennää 4:3 suhteeseen, leveys nääs 470 */
	.posts-list-grid .col-main.row-two .post-box { height: 528px; }
	.vs_search_results .post-box,
	.posts-list-grid .post-box { height: 176px; }
	.posts-list-grid.small-grid .post-box { height: 138px; }
	
	.post-box .h3, .video-preview .video-title { font-size: 16px; }
	
	.post-box .background-icon,
	.post-box.filler {
		background-size: 128px;
	}	
}	
@media (min-width: 1200px) {
	.posts-list-grid .col-main.row-two .post-box { height: 456px; }
	.vs_search_results .post-box,
	.posts-list-grid .post-box { height: 228px; }
	.posts-list-grid.small-grid .post-box { height: 158px; }
	
	
	.post-box .background-icon,
	.post-box.filler {
		background-position: center;
	}	
}	
/* Oma iso containeri */
@media (min-width: 1600px) {
	.posts-list-grid .col-main.row-two .post-box { height: 596px; }
	.vs_search_results .post-box,
	.posts-list-grid .post-box { height: 298px; }
	
	.posts-list-grid.small-grid .post-box { height: 198px; }
	
	
	.post-box .h3, .video-preview .video-title { font-size: 20px; }
	.post-box .info {font-size: 14px; }
}	

/* Klikatessa avautuu alle artikkelin tiedot */

.details_container > div {
	margin-top: 0;
	margin-bottom: 30px;
}

.details_container .post-gallery,
.details_container .post-content {
	min-height: 50px;
	margin-bottom: 30px;
}

.details_container .post-content > h2  {
	margin-top: 0;
}

.post-content a {
	text-decoration: underline;
}

/* Tapahtumakalenterista tulee linkeissä kuva, mikä ei toimi */
.type-visit_saimaa_event .entry-content a > img {
	display: none;
}

.hentry .label,
.entry-title, .entry-title a {
	color: #333;
}
.entry-title small {
	color: #666;
	font-size: 60%;
	padding-top: 10px;
}
@media (max-width: 768px) {
	.entry-title small {
		display: block;
	}
}

/* Tarjouksilla huomio-otsikko */
.hentry .offer-title {
    background: #00517e none repeat scroll 0 0;
    color: white;
    display: block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
    padding: 4px 15px;
    height: 40px;
    text-transform: uppercase;

}
.details_container .hentry .offer-title {
    position: absolute;
    left: 15px; 
    right: 60px; 
}
/* Vähä eri päddingit isolla ruuvulla */
@media (min-width: 1024px) {
	.details_container .hentry .offer-title {
		left: 45px;
		right: 75px;
		top: 15px;
	}
} 
.details_container  .hentry .offer-title + .entry-title {
	padding-top: 45px;
}
.details_container .entry-title {
	margin-top: 0;
}


/* Jos ei sisältö listassa, tekstillä wrapperi */
.posts-list-grid.no-list-items {
	border-left: 5px solid #ccc;
	padding-left: 15px;
	margin-bottom: 35px;
}


/* Ainakin tarjouksilla korostettuna alkaen hinta */
.price-tag {
	padding: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 4px solid black;
	font-size: 24px;
	
	float: right;
}
.price-tag span {
	display: block;
	line-height: 1.1;
	font-weight: bold;
}
.price-tag span.price {
	font-size: 28px;
}

.post-gallery {
	margin-bottom: 22px;
	position: relative;
}
.post-gallery span.image-count {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	
	font-size: 24px;

	padding: 1px 7px;
}
.post-gallery span.image-count .glyphicon {
	top: 3px;
}

.post-content .details {
	clear: both;
	border-top: 1px solid #ccc;
}

/* Karttanappula */
a.getMap.btn-primary {
	font-size: 22px;
	padding: 5px 10px;
}
a.getMap + span.label {
	display: block;
	text-align: center;
}

/* metan linkit */
.hentry ul.links li {
	margin-bottom: 6px;
	line-height: 22px;
	width: 100%;
}
@media (min-width: 768px) {
	.hentry ul.links li {
		width: 50%;
		
	}
}
.hentry ul.links li a {
	display: block;
}

.hentry ul.links .glyphicon {
	/*display: none;*/
	color: white;
	padding-right: 8px;
}

.hentry .post-meta{
	margin-top: 30px;
}
.hentry .post-meta .label {
	font-weight: bold;
	display: block;
}

@media (max-width: 768px) {
	.hentry .post-meta {
		padding: 10px;
		background: #f4f4f4;
	}
	.hentry .post-meta > h3 {
		margin-top: 0;
	}
}

.post-meta dd + dt {
	margin-top: 10px;
}

.post-meta .substuff {
	border-top: 1px solid #666;
    padding-bottom: 15px;
    padding-top: 10px;
}
.post-meta .substuff .sublabel {
	font-weight: bold;
}


.post-meta .contact li {
	width: 100%;
	clear:both;
}
.post-meta .contact li div {
	margin-top: 3px;
	margin-bottom: 3px;
	
	/* Pitkät sähköpostiosoitteet*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.post-meta .contact .glyphicon {
	font-size: 18px;
	padding-right: 10px;
}
.post-meta .contact a:hover {
	text-decoration: none;
}

.post-meta .maplink {
	text-align: center;
}

.post-meta .location span.address,
.post-meta .location span.place {
	display: block;
}

.post-meta .timestamps .label {
	display: inline;
	padding-right: 4px;
}
.post-meta .timestamps .label ~ .label:before {
	content: ', ';
}


/* Sähköpostiosoitteissa spämminestona @ merkin tilalla span.at */
span.at:before {
	content: '@';
}

/* Sosmed ikoneita linkeissä */
.hentry ul.links .socialicon {
	height: 24px;
	width: 24px;
	vertical-align: middle;
	display: inline-block;
	background-size: auto 100%;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;

	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;	
}
.socialicon.social_facebook {
	background-image: url('images/icons/facebook-32-black.png');
}
.socialicon.social_youtube {
	background-image: url('images/icons/youtube-32-black.png');
}
.socialicon.social_pinterest {
	background-image: url('images/icons/pinterest-32-black.png');
}
.socialicon.social_instagram {
	background-image: url('images/icons/instagram-32-black.png');
}
.socialicon.social_twitter {
	background-image: url('images/icons/twitter-32-black.png');
}

/* Jakonappulat Ultimate Social Deux plugari */
.post-meta .share {
	margin-bottom: 22px;
}
.us_wrapper.us_skin_minimal .us_button {
	width: 30px;
	background: transparent;
}
.us_wrapper.us_skin_minimal .us_button.us_share_text {
	width: auto;
}
.us_wrapper.us_skin_minimal .us_button a {
	color: black;
}
.us_wrapper .us_button a:hover,
.us_wrapper .us_button a:focus {
	color: #00517e;
}
@media (max-width: 767px) {
	body > .footer .us_wrapper.us_skin_minimal .us_button.us_share_text {
		width: 100%;
	}
}
body > .footer .us_wrapper.us_skin_minimal .us_button a {
	color: white;
}
body > .footer .us_wrapper.us_skin_minimal .us_button a:hover,
body > .footer .us_wrapper.us_skin_minimal .us_button a:focus {
	color: #231f20;
	background: white;
}

/* Footterin linkit */
body > .footer .glyphicon-envelope {
	display: none;
}
body > .footer a {
	text-decoration: underline;
	color: white;
} 
body > .footer a:hover, 
body > .footer a:focus {
	color: #efefef;
}

body > .footer .contact {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

body > .footer .textwidget h4 {
	font-size: 24px; 
	margin-top: 18px;
}


.us_wrapper.us_skin_minimal .us_button, 
.us_wrapper.us_skin_minimal .us_fan_count {
	border: 0;
}



/* Suosittelut singlen perässä */
.post-extra {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;	
}
.post-extra .posts-list-grid > h3 a {
	color: #333;
	font-weight: bold;
}
.post-extra .posts-list-grid {
	border-top: 1px solid #00517e;
}

/* Videowidgetin iframen muotoilut myös mahdolliselle esikatselukuvalle */
.wpb_video_wrapper {
	margin-bottom: 10px;
	background: #f1f1f1;
}
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper > div.video-preview {
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    
    
    background-size: 100% auto;
    background-position: center center;
    background-repeat: none;
    background-color: #f1f1f1;
    
}
div.video-preview a.overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	
	background: rgba(0,0,0,0.4);
}
div.video-preview a.overlay:hover,
div.video-preview a.overlay:focus {
	text-decoration: none;
}
div.video-preview span {
	color: white;
	display: block;
}
div.video-preview span.video-title {
	padding: 10px;
}
div.video-preview span.glyphicon-play {
	position: absolute;
	
	left: 50%;
	top: 50%;
	
	font-size: 32px;
	padding: 12px 24px;
	
	background: rgba(0,0,0,0.6);
		
	margin-left: -40px;
	margin-top: -28px;
	
	border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-raidus: 12px;
	
}
div.video-preview a.overlay:hover span.glyphicon-play {
	background: rgba(0,0,0,0.9);
}

/* iso interaktiivinen kartta */
.mapCanvas { height: 300px }
.mapCanvas img { max-width: none; }
.vs_map {
	position: relative; 
	background: #efefef; 
}


/* Rullausvara mobiiliin */
.vs_map {
	margin-left: 15px;
	margin-right: 15px;
}
.vs_map .sidebar ul li {
	margin-left: 0;
}

/* Joku korkeus kartalle mobiiliiin.*/
.mapCanvasContainer {
	height: 300px;
	margin-top: 5px;
}
.mapControls {
	position: relative;
}
.mapControls .h2 {
	font-size: 22px;
}
.mapControls.sidebar .nav-pills > li {
	width: 100%;
}
@media (max-width: 600px) {
	.mapControls .nav-pills > li {
		width: 100%;
		max-width: 400px;
	}
}
/*
.mapControls li.dropdown:hover > ul.dropdown-menu {
	display: block;
}
*/
.mapControls .dropdown-menu {
	font-size: 14px;
	margin-top: 0;
	
	background: rgba(255,255,255,0.8);
	
	border-top: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	position: relative;
	float: none;
	
	padding: 5px 0;
		
}
.mapControls li a {
	background-color: white;
}
.mapControls .dropdown-menu li a,
.mapControls .dropdown-menu li a:hover,
.mapControls .dropdown-menu li a:focus {
	background: transparent;
	color: #333;
}


.mapModal .modal-body a {
	color: #007AB2;	
}
@media (min-width: 768px) {
	
	.mapControls {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		padding: 10px;
	}
	.mapControls.sidebar {
		width: 300px;
	}
	.vs_map {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* Kartalle lisää korkeutta */
	.mapCanvas,
	.mapCanvasContainer {
		height: 600px;
	}
	/*
	.mapControls .nav-pills > li {
		width: auto;
	} */
}

@media (min-width: 1150px) {
	.mapCanvas,
	.mapCanvasContainer {
		height: 800px;
	}	
}

/* Sakken kartassa ainakin marker labelit käytössä. Kategorioiden mukaan tulee värit, tulostuu inline. */
.mapCanvas .markerlabel {
    background: #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    color: white;
    line-height: 1;
    font-size: 14px;
    padding: 3px 2px;
    
    min-width: 20px;
    min-height: 20px;
    text-align: center;
}

.mapCanvas .markerlabel.map_pointers.hide-marker,
.mapCanvas .markerlabel.map_pointers.spider-out {
	background: #ddd !important;
	z-index: -1 !important;
}



/* Hakuboksi */
.vs_search_form {
	margin: 30px auto;
}
.vs_search_form .main  {
	max-width: 500px;
}
.vs_search_form .input-group {
	margin-bottom: 15px;
}
.vs_search_form p {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
}
/* Jostain syystä tämä vakio bootstrap inputgroup buttoni väärän kokone */
.input-group-btn > .btn {
	padding-top: 4px;
	padding-bottom: 5px;
	
	color: #666;
	border-color: #ccc;
}
.vs_search_form .search {
	background: transparent;
	color: inherit;
}
.vs_search_form .main,
.vs_search_form .options > div {
	margin-bottom: 15px;
}

.vs_search_form .dateselection {
	max-width: 500px;
}
.vs_search_form .dateselection .form-group {
	margin-bottom: 0;
}

.vs_search_form .locationselection, 
.vs_search_form .quickdateselection {
	margin-bottom: 10px;
}
/* Koordinaattikenttä piiloon */
.vs_search_form .locationselection .latlong {
	display: none;
}

div.search_results {
	display: none;
	position: relative;
	
	padding-bottom: 30px;
	margin-bottom: 30px;
	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: transparent;
}
div.search_results .list {
	/* .ajaxloaderin verran min heightiä */
	min-height: 84px;
}
div.search_results h2 {
	margin-top: 10px;
}



/* Checkboxit buttoneina */
.btn-checkbox,
.btn-checkbox:hover {
    background-color: transparent;
    border-color: transparent;
    color: black;
    box-shadow: none;
    
    text-transform: uppercase;
    
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    
    padding: 3px 6px;
    
    margin-bottom: 3px;
}
.btn-checkbox:hover {
	background-color: #efefef;
	box-shadow: none;
	text-decoration: none;
}

.btn-checkbox:focus, 
.btn-checkbox.focus, .btn-checkbox:active, 
.btn-checkbox.active {
    background-color: black;
    border-color: #060606;
    color: white;	
    
    box-shadow: none;
}

/* Vimpainmenulle oma ulkoasu, visual composerin luomaan kohdistetaan */
.widget_nav_menu {
	background: #efefef;
}
.widget_nav_menu ul {
	list-style-type: none;
	padding-left: 0;
}

@media (min-width: 480px) {
	.widget_nav_menu ul li {
		display: inline-block;
	}
}

.widget_nav_menu .dropdown-menu {
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    
    margin-top: 0;
    padding: 0;
}
.widget_nav_menu ul.dropdown-menu li {
	display: block;
}
.widget_nav_menu ul li a,
.widget_nav_menu ul li a:hover {
    background-color: transparent;
    border-color: transparent;
    color: black;
    box-shadow: none;
    
    text-transform: uppercase;
    
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    
    padding: 15px 10px;
    
}
.widget_nav_menu .nav-pills > li.active > a, 
.widget_nav_menu .nav-pills > li.active > a:hover, 
.widget_nav_menu .nav-pills > li.active > a:focus,
.widget_nav_menu ul li a:hover,
.widget_nav_menu .dropdown-menu > .active > a, 
.widget_nav_menu .dropdown-menu > .active > a:hover, 
.widget_nav_menu .dropdown-menu > .active > a:focus {
	background-color: black;
	box-shadow: none;
	text-decoration: none;
	color: white;
}
.widget_nav_menu .nav-pills > li.active > a:hover, 
.widget_nav_menu .nav-pills > li.active > a:focus {
	background: black;	
}
.widget_nav_menu .nav .open > a, 
.widget_nav_menu .nav .open > a:hover, 
.widget_nav_menu .nav .open > a:focus
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li a:focus, 
.widget_nav_menu ul li a:active {
    background-color: #060606;
    border-color: black;
    color: white;	
    
    box-shadow: none;
}




/* aika ja paikka ja muut omille riveilleen */
.search-result-item .meta > span {
	display: block;
}

/* hakutulokset listana */
.search-result-item.list-view {
	background: white;
	margin: 3px;
	padding: 10px;
	position: relative;
	
	border-bottom: 1px solid #ddd;
	
	clear: left;
}
/* Prioriteeteille taustaväri?? */
.search-result-item.list-view.priority-1 {
	background: #ccff99; /* Maksettu */
}
.vc_editor .search-result-item.list-view.priority-1 h3:before {
	content: "Maksettu näkyvyys";
	display: block;
	font-size: 12px;
	color: red;	
}
.vc_editor .search-result-item.list-view.priority-2 {
	background: #ffff99; /* Nosto */
}
.vc_editor .search-result-item.list-view.priority-2 h3:before {
	content: "Korkea näkyvyys";
	display: block;
	font-size: 12px;
	color: red;
}

.search-result-item.list-view .image {
	float: left;
	width: 80px;
}
.search-result-item.list-view .description {
	min-height: 80px;
}
.search-result-item.list-view .description,
.search-result-item.list-view .meta {
	margin-left: 90px;
}
.search-result-item.list-view .meta {
	font-size: 12px;
}
.search-result-item.list-view .meta .label {
	padding-right: 6px;
	font-weight: bold;
}
.search-result-item.list-view h3 {
	 font-size: 16px;
	 margin-top: 0;
	 margin-bottom: 0;
}
.search-result-item.list-view h3 + p {
	color: #aaa;
}

/* Hallinnan puolella visual composerissa hakukenttä */
.vc_ui-panel-content .vs_search_form [class*='col-'],
.vc_ui-panel-content .vs_search_results [class*='col-'] {
	width: 100%;
}
.vc_ui-panel-content .vs_search_form .dateselection [class*='col-'] {
	width: 50%;
}
.vc_ui-panel-content .vs_search_form .main {
	max-width: auto;
}
.vc_ui-panel-content h3 small {
	font-size: 10px;
}

.vc_ui-panel-content #servicecategory_filters {
	display: none;
}

/* Hallinnan puolella visual composerissa lista valituista artikkeleista. */
.vs_selected_posts_list .list-item {
	padding: 5px;
	background: #fafafa;
	margin-top: 2px;
	margin-bottom: 2px;
}

.compose-mode .vc_controls > .vc_controls-bc {
	z-index: 1;
}

/* Pickadate */
input.pickadate {
	cursor: pointer !important;
}

/* Loaderi */
.ajaxloader {
	
	width: 84px;
	height: 84px;
	margin: 0 auto;
	clear: both;
	
	background: url('images/ring-alt.gif') center center no-repeat white;
}

/* Gridissä overlayksi  */
.ajaxloader.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.5);
	background-position: center 20px;
	z-index: 10;
	margin: 0;
}
.post-stub-details {
	position: relative;
	
	padding: 15px !important;
	margin-top: 15px; 
	margin-bottom: 15px;
	
	border: 4px solid #333;
	
	-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);	
/*	
	max-width: 1024px ;
	margin-left: auto;
	margin-right: auto;
	*/
	float: none;
	 clear: both;
}
@media (min-width: 1024px) {
	.post-stub-details {
		padding: 45px !important;
	}
}

.footer {
	background: #231f20; /* #454545 */
	color: white;
	
	/*margin-top: 40px;*/
	padding-bottom: 60px;
}
.footer .share {
	margin-bottom: 22px;
}
.footer .widget_container {
	margin-bottom: 30px;
	padding-top: 20px;
}
.footer .widget_container > h3, .footer .widget_container > .h3 {
	margin-top: 0;
}

@media(max-width: 767px) {
	.footer .widget_container {
		border-top: 1px solid #ccc;
		
		margin-top: 10px;
		margin-bottom: 15px;
		
	}
}
.footer .nav > li > a {
	color: white;
	font-size: 16px;
	text-transform: uppercase;
}
.footer .nav > li > a:hover {
	color: #231f20;
}

/* Footterissa kans pills menu widgetti */
.footer ul.nav-pills li {
	display: block;
	width: 100%;
}
.footer ul.nav-pills li a,
.footer ul.nav-pills li a:hover {
    background-color: transparent;
    border-color: transparent;
    color: white;
    box-shadow: none;
        
    text-transform: none;
    text-decoration: none;
    
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    
    padding: 8px 10px;
    
}
.footer .nav-pills > li.active > a, 
.footer .nav-pills > li.active > a:hover, 
.footer .nav-pills > li.active > a:focus,
.footer ul.nav-pills li a:hover,
.footer ul.nav-pills li a:focus {
	background-color: black;
	box-shadow: none;
	text-decoration: none;
	color: white;
}
.footer .nav-pills > li.active > a:hover, 
.footer .nav-pills > li.active > a:focus {
	background: black;	
}
.footer .nav-pills > li + li {
	margin-left: 0;
}

/* Alertit, kopsattu bootstrp.css:tä, mailchimp for wp plugaria varten... */
.mc4wp-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.mc4wp-alert h4 {
  margin-top: 0;
  color: inherit;
}
.mc4wp-alert a {
  font-weight: bold;
}
.mc4wp-alert > p,
.mc4wp-alert > ul {
  margin-bottom: 0;
}
.mc4wp-alert > p + p {
  margin-top: 5px;
}
.mc4wp-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.mc4wp-success hr {
  border-top-color: #c9e2b3;
}
.mc4wp-success a {
  color: #2b542c;
}
.mc4wp-notice {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.mc4wp-notice hr {
  border-top-color: #f7e1b5;
}
.mc4wp-notice a {
  color: #66512c;
}


/* Pyörivä glyphicon 
 * http://bootsnipp.com/snippets/featured/glyphicon-animate-rotation-and-flip
 */
.glyphicon.loading {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Sisällönkeräily lomakkeelle, käytössä angebote saksakampanjassa. */
.vs-content-picker .glyphicon-remove::before {
	content: "\E208";
}
span.glyphicon.glyphicon-star.content-pick,
.vs-content-picker .glyphicon.remove-item {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    font-size: 32px;
    text-shadow: 1px 1px 1px #666;
    z-index: 3;
    
    cursor: pointer;
}
.picked-content span.glyphicon.glyphicon-star.content-pick {
	color: #fff176;
}
.vs-content-picker.empty-collection {
	height: 1px;
	width: 100%;
	padding-bottom: 75%;	
	background: #fefefe;
	border: 2px dashed #ddd;
	position: relative;
}
.vs-content-picker .empty-content {
	display: none;
}
.vs-content-picker.empty-collection .empty-content {
	display: block;
    color: #efefef;
    font-size: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
	
}


.vs-content-picker .item {

	margin-bottom: 3px;
	position: relative;
	height: 1px;
	width: 100%;
	padding-bottom: 75%;
	
}
.vs-content-picker .item.post-box div.vs_post_thumbnail {
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
}
.vs-content-picker .item .h3 {
	display: block;
}

/* **** TEST */

@media (max-width: 767px) {
        .dmbs-top-menu .no-main-menu .navbar-1-collapse {
                position: relative;
                min-height: 400px;
        }
        .dmbs-top-menu .no-main-menu .navbar-1-collapse > ul.nav {
                position: absolute;
                z-index: 1;
                top: 0;
                left: 10px;
        }
}


a.whatsapp-click-to-chat {
	
	padding-left: 56px;
    background-image: url(images/icons/whatsapp-64.png);
    background-size: 48px;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    line-height: 48px;
    height: 48px;
    display: inline-block;
	
}