/*
Theme Name: Differo 2017
Theme URI: 
Description: 
Author: Differo
Author URI: 
Version: 1.0
Tags: 
License:
License URI:
General comments (optional).
*/


/* Imports */
@import url('css/MyFontsWebfontsKit.css');
@import url('css/bootstrap.min.css');
@import url('css/style.css');


/* TÄHÄN FILEEN EI MUUTA */
/*  OIKEA TYYLITIEDOSTO LÖYTYY KANSIOSTA /scss/style.scss */

ul#menu-menu-1 {
    /*margin-top: 0px;*/
}
.navbar-default {

    padding-top: 0px!important;

}
.ajankohtaista .tapahtuma  {
    display: block;
	background-color: #ff863b;
	padding: 12px;
	color: #FFFFFF;
	margin-bottom: 10px;
	text-decoration: none;
}
.ajankohtaista .tapahtuma:hover  {
	background-color: #282828;
	text-decoration: none;
}
.ajankohtaista .tapahtuma h2 {
    margin-top: -2px;
}
.ajankohtaista .tapahtuma h2 a {
    color: #FFFFFF;
	text-decoration: none;
}
.tapahtuma h2:hover, .date:hover  {
	text-decoration: none;
}
.ajankohtaista .date {
    font-size: 14px;
    margin-bottom: -23px;
	text-decoration: none;
}
.palvelut2 {
    -ms-background-position-x: center !important;
    -ms-background-position-y: center !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #FFFFFF;
    flex: 1;
}
.palvelut2 .contact {
min-height: 580px;
}
.txtright {
text-align: right;
}
.palvelut2 button, .dstyle button {
    font-size: 20px;
    color: white;
    line-height: 24px;
    border: none;
    background: #ff863b;
    margin-top: 25px;
    padding: 13px 25px 12px 25px;
}

.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flyer-image:before {
    /*padding-top: 0;*/
}

video#myVideo{
    /*position: fixed;*/
	/*position:absolute;*/
    right: 0;
    bottom: 0;
   /* min-width: 100%; 
    min-height: 100%;
	height: 94vh;*/
	width: 100%;
    max-height: 100vh;
	    object-fit: cover!important;
}

p iframe {
    max-width: 100%;
}

p video {
    max-width: 100%;
}


#menu-eng-nav {
    margin-right: 8.33333333% !important;
    float: right;
}

#langSwitch {
    float:right;
    margin-top:20px;
}
 
#lang_sel_list a.lang_sel_sel {
    background-color: transparent;
}
 
#lang_sel_list a.lang_sel_other {
    background-color: transparent;
}

.navbar-nav > li > .dropdown-menu li.wpml-ls-item {
    display: inline-flex;
    width:auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #353535;
    float: right;
	margin-top: -35px;
}

.li.wpml-ls-item {
    width: 35px;
    /* padding-right: 5px; */
}
.li.wpml-ls-item a {
    padding:5px;
}
.navbar-default .navbar-nav > li.wpml-ls-item > a
 {
    padding:13px 9px 11px 9px !important
}

.someicons {
    position: absolute;
	top:88px;
	right:22px;
	z-index:9999;
}
.someicons > a > div {
    float:left;margin-left:14px;
}
.someicon{width:27px;height:27px;background-size:contain;background-position:center center;background-repeat:no-repeat;}

@media (max-width: 767px){
	#slide-nav #slidemenu.menu-eng-nav-container {
		background: #efefef;
		right: -120%;
	}
	ul#menu-eng-nav > li{padding-left: 65px;}
}

.legal-consent-container p {
    font-size: x-small;
}

body.tietosuojaseloste .page {
    padding-left: 20px;
    padding-right: 20px;
}

.differo_referenssi_banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	padding:0;
}
.differo_referenssi_banner img {width:100%;max-width:1550px;margin-top:37px;margin-bottom:15px;}
.blogisivubanner{margin-bottom:50px;}

/*

		.vertical .carousel-inner {
		  height: 100%;
		}

		.carousel.vertical .item {
		   -webkit-transition: 0.6s ease-in-out top;
		   -moz-transition: 0.6s ease-in-out top;
		   -ms-transition: 0.6s ease-in-out top;
		   -o-transition: 0.6s ease-in-out top;
		   transition: 0.6s ease-in-out top;
		}

		.carousel.vertical .active {
		   top: 0;
		}

		.carousel.vertical .next {
		   top: 400px;
		}

		.carousel.vertical .prev {
		   top: -400px;
		}

		.carousel.vertical .next.left,
		.carousel.vertical .prev.right {
		   top: 0;
		}

		.carousel.vertical .active.left {
		   top: -400px;
		}

		.carousel.vertical .active.right {
		   top: 400px;
		}

		.carousel.vertical .item {
		   left: 0;
		}


		div#referenssikaruselli {
			width: 100%;
			max-width: 1650px;
			min-height: 135px;
		}
		.referrenssikaruselli_logo img {
			height: 100px;
			object-fit: contain;
			object-position: center;
			width: 85%;
			height: 100px;
		}
		.carousel-control.left, .carousel-control.right {
		   background-image:none !important;
		   filter:none !important;
		}
		a.carousel-control {
			display: none!important;
		}

*/
		div#referenssikaruselli {
			width: 100%;
			max-width: 1650px;
			min-height: 135px;
		}
		.referrenssikaruselli_logo img {
			height: 100px;
			object-fit: contain;
			object-position: center;
			width: 85%;
			height: 100px;
		}
		.carousel-control.left, .carousel-control.right {
		   background-image:none !important;
		   filter:none !important;
		}
		a.carousel-control {
			display: none!important;
		}



@media only screen and (min-width: 769px) {
	.item {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	#referenssikaruselli .item.active{display:flex;flex-direction:row;justify-content:center;align-items:center;}
}

.referenssikaruselli_outer div{margin-top:0;}

.post-content img {
    height: auto;
}

.row.author .name {
    font-size: 32px;
    font-family: "Campton-Medium";
    color: #ff863b;
	word-wrap: break-word;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
	margin: .67em 0;
}

.row.author .phone {
    font-size: 24px;
    font-family: "Campton-Book";
    color: #ff863b;
	word-wrap: break-word;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
}

.sub-title-row div .also-interesting{
    font-family: "Campton-Medium";
    font-size: 48px;
    color: #ff863b;
    line-height: 48px;
    margin-bottom: 18px;
    padding-bottom: 6px;
    word-wrap: break-word;
	margin-top: 0px;
	font-weight: 500;
	margin: .67em 0;
}

.stories-row.services .inner-slide span .date {
    position: relative;
    margin: 0;
    text-align: left;
    font-family: "Campton-Book";
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
    color: black;
    padding: 0 15px 10px 15px;
	word-wrap: break-word;
	font-weight: 500;
    line-height: 1.1;
}

.stories-row.services .inner-slide span .title {
    position: relative;
    margin: 0;
    text-align: left;
    font-family: "Campton-Book";
    font-size: 20px;
    text-decoration: none;
    text-transform: none;
    color: black;
	padding: 0 15px;
	word-wrap: break-word;
    font-weight: 500;
    line-height: 1.1;
}

.footer .footer-content .footer_otsikko {
    font-size: 18px;
    color: #ff863b;
    text-transform: uppercase;
    font-family: "Campton-Medium";
    margin-bottom: 40px;
    margin-top: 8px;
	word-wrap: break-word;
    font-weight: 500;
    line-height: 1.1;
    margin: .67em 0;
	margin-top: 0;
}

@media only screen and (max-width: 768px){
	.sub-title-row div .also-interesting{
		font-family: "Campton-Medium";
		font-size: 32px;
		color: #ff863b;
		line-height: 32px;
		margin-bottom: 18px;
		padding-bottom: 6px;
	}
}
.main-content img {
    max-width: 100%;
    height: auto;
}

.single-post-lomake-container {
    max-width: 580px!important;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-bottom: 55px;
    padding: 25px;
    background: #ff863b;
	color: white;
}

.single-post-lomake-container input {
    max-width: 100%;
	color:black;
}